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 @@
- @@ -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 @@