diff --git a/luckydiamond/src/assets/css/PagesStyles/profile.css b/luckydiamond/src/assets/css/PagesStyles/profile.css index 86323b3..5a69f56 100644 --- a/luckydiamond/src/assets/css/PagesStyles/profile.css +++ b/luckydiamond/src/assets/css/PagesStyles/profile.css @@ -77,4 +77,83 @@ .withdraw { padding: 9px 0 13px 13px; +} + + +.payments { + margin: 29px 0 0 -60px; +} + +.types { + display: flex; +} + +.types-margin h3 { + margin-right: 125px; +} + +.types-text h3 { + color: #ABABB4; + font-weight: 600; + font-family: Montserrat; + font-size: 14px; +} + +.types-line { + margin-top: 12px; + background: #38383E; + width: 86%; + height: 3px; +} + +.payments__card { + margin-top: 29px; + display: flex; + align-items: start; +} + +.user-info { + display: flex; +} + +.user-name { + display: flex; + flex-direction: column; + margin-left: 10px; +} + +.user-name__text h3 { + color: #FFF; + font-weight: 700; + font-family: Montserrat; + font-size: 20px; +} + +.user-name__text p { + color: #A9A9A9; + font-weight: 400; + font-family: Montserrat; + font-size: 20px; +} + +.data-info { + margin-left: 115px; +} + +.data-info__text h3 { + color: #A9A9A9; + font-weight: 400; + font-family: Montserrat; + font-size: 17px; +} + +.transaction-info { + margin-left: 90px; +} + +.transaction-info__text h3 { + color: #EA3D38; + font-weight: 500; + font-family: Montserrat; + font-size: 22px; } \ No newline at end of file diff --git a/luckydiamond/src/assets/css/global.css b/luckydiamond/src/assets/css/global.css index bf5c2b4..541ea78 100644 --- a/luckydiamond/src/assets/css/global.css +++ b/luckydiamond/src/assets/css/global.css @@ -122,6 +122,7 @@ body, html { /* Profile */ .profile { + display: flex; grid-area: profile; height: 95%; border-radius: 50px; diff --git a/luckydiamond/src/assets/icons-test/person-icon-profile-userinfo.png b/luckydiamond/src/assets/icons-test/person-icon-profile-userinfo.png new file mode 100644 index 0000000..d85d000 Binary files /dev/null and b/luckydiamond/src/assets/icons-test/person-icon-profile-userinfo.png differ diff --git a/luckydiamond/src/pages/ProfilePage.vue b/luckydiamond/src/pages/ProfilePage.vue index 5f64d63..1c3ec1f 100644 --- a/luckydiamond/src/pages/ProfilePage.vue +++ b/luckydiamond/src/pages/ProfilePage.vue @@ -20,7 +20,31 @@
- +
+
+

Игрок и вид транзакции

+

Дата

+

Сумма

+
+
+
+
+
+ +
+

5ч назад

+
+
+

-1 АР

+
+
+