From f9abb597beccbb6f12283a39625f5b15a7759331 Mon Sep 17 00:00:00 2001 From: Kostya Date: Tue, 5 Mar 2024 19:51:48 +0300 Subject: [PATCH 1/9] fixed margin in menu-mobile, fixed home-text --- .../css/ComponentsStyles/AdaptiveStyles/menumobile.css | 8 -------- .../css/PagesStyles/adaptive-pages/homemobile.css | 1 + .../adaptive-components/MenuMobileComponent.vue | 10 +++++----- 3 files changed, 6 insertions(+), 13 deletions(-) diff --git a/luckydiamond/src/assets/css/ComponentsStyles/AdaptiveStyles/menumobile.css b/luckydiamond/src/assets/css/ComponentsStyles/AdaptiveStyles/menumobile.css index c2a7f28..eb8f1c4 100644 --- a/luckydiamond/src/assets/css/ComponentsStyles/AdaptiveStyles/menumobile.css +++ b/luckydiamond/src/assets/css/ComponentsStyles/AdaptiveStyles/menumobile.css @@ -26,14 +26,6 @@ width: 100%; } -.icon-start { - margin-left: 8%; -} - -.icon-end { - margin-left: 9%; -} - .icon-center { margin-left: 9%; } diff --git a/luckydiamond/src/assets/css/PagesStyles/adaptive-pages/homemobile.css b/luckydiamond/src/assets/css/PagesStyles/adaptive-pages/homemobile.css index 8b5ab36..1241f11 100644 --- a/luckydiamond/src/assets/css/PagesStyles/adaptive-pages/homemobile.css +++ b/luckydiamond/src/assets/css/PagesStyles/adaptive-pages/homemobile.css @@ -69,6 +69,7 @@ body { text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); font-family: Montserrat Alternates; text-transform: uppercase; + word-break: break-word; } .card-two { diff --git a/luckydiamond/src/components/adaptive-components/MenuMobileComponent.vue b/luckydiamond/src/components/adaptive-components/MenuMobileComponent.vue index b6f7687..c0df0d1 100644 --- a/luckydiamond/src/components/adaptive-components/MenuMobileComponent.vue +++ b/luckydiamond/src/components/adaptive-components/MenuMobileComponent.vue @@ -2,11 +2,11 @@ From 7e5cd1bbdcb0c5fdfc3a123c11aee629768a8522 Mon Sep 17 00:00:00 2001 From: Kostya Date: Tue, 5 Mar 2024 20:36:17 +0300 Subject: [PATCH 2/9] added connect for header and fixed menu --- .../AdaptiveStyles/headermobile.css | 42 ++++- .../AdaptiveStyles/menumobile.css | 4 + .../adaptive-pages/profilemobile.css | 4 - .../HeaderMobileComponent.vue | 149 +++++++++++++++++- .../MenuMobileComponent.vue | 23 ++- 5 files changed, 207 insertions(+), 15 deletions(-) diff --git a/luckydiamond/src/assets/css/ComponentsStyles/AdaptiveStyles/headermobile.css b/luckydiamond/src/assets/css/ComponentsStyles/AdaptiveStyles/headermobile.css index 97a07d7..528eed9 100644 --- a/luckydiamond/src/assets/css/ComponentsStyles/AdaptiveStyles/headermobile.css +++ b/luckydiamond/src/assets/css/ComponentsStyles/AdaptiveStyles/headermobile.css @@ -5,13 +5,14 @@ border-radius: 20px; background: #17181C; box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); - height: 45%; + height: 130px; } .header-mobile__content { display: flex; align-items: center; justify-content: space-between; + margin-right: 5%; } .header-mobile__logo { @@ -85,4 +86,41 @@ margin-left: 15px; } -/* /Header */ \ No newline at end of file +.mobile-auth__card--content a { + padding: 6px 5px; + font-size: 14px; + margin-left: 5%; +} + +.mobile-auth__card--content img { + width: 1.8em; +} + +.mobile-discord__card { + margin: 0 1.5em 0 1.5em; +} + +.mobile-discord__card .discord__card--name { + margin: 0 5% 0 -10%; +} + +.mobile-discord__card .header__card--discord img { + width: 60%; +} + +/* /Header */ + +@media screen and (max-width: 430px) { + .header-mobile__end { + align-items: unset; + justify-content: unset; + flex-direction: column; + margin-top: .5em; + } + .header-mobile__balance--content { + margin-bottom: .5em; + } + .mobile-auth__card--content a { + padding: 6px 30px; + } +} \ No newline at end of file diff --git a/luckydiamond/src/assets/css/ComponentsStyles/AdaptiveStyles/menumobile.css b/luckydiamond/src/assets/css/ComponentsStyles/AdaptiveStyles/menumobile.css index eb8f1c4..820a514 100644 --- a/luckydiamond/src/assets/css/ComponentsStyles/AdaptiveStyles/menumobile.css +++ b/luckydiamond/src/assets/css/ComponentsStyles/AdaptiveStyles/menumobile.css @@ -30,4 +30,8 @@ margin-left: 9%; } +.disabled { + pointer-events: none; +} + /* /Footer */ \ No newline at end of file diff --git a/luckydiamond/src/assets/css/PagesStyles/adaptive-pages/profilemobile.css b/luckydiamond/src/assets/css/PagesStyles/adaptive-pages/profilemobile.css index 9de61fe..d2cdb8e 100644 --- a/luckydiamond/src/assets/css/PagesStyles/adaptive-pages/profilemobile.css +++ b/luckydiamond/src/assets/css/PagesStyles/adaptive-pages/profilemobile.css @@ -2,10 +2,6 @@ body { overflow-y: scroll; } -.header-mobile { - height: 70%; -} - .profile-mobile { grid-area: profile-mobile; width: 100%; diff --git a/luckydiamond/src/components/adaptive-components/HeaderMobileComponent.vue b/luckydiamond/src/components/adaptive-components/HeaderMobileComponent.vue index f47145e..6964a0d 100644 --- a/luckydiamond/src/components/adaptive-components/HeaderMobileComponent.vue +++ b/luckydiamond/src/components/adaptive-components/HeaderMobileComponent.vue @@ -8,15 +8,45 @@
-

999

+

{{ balance }}

-
- + + + +
+
+
+

{{ userName }}

+ Выход +
+ test-ico + +
+
+ +
+ Вход + + +
+
@@ -25,8 +55,119 @@ diff --git a/luckydiamond/src/components/adaptive-components/MenuMobileComponent.vue b/luckydiamond/src/components/adaptive-components/MenuMobileComponent.vue index c0df0d1..be70db3 100644 --- a/luckydiamond/src/components/adaptive-components/MenuMobileComponent.vue +++ b/luckydiamond/src/components/adaptive-components/MenuMobileComponent.vue @@ -2,8 +2,8 @@