diff --git a/luckydiamond/src/assets/css/ComponentsStyles/chat.css b/luckydiamond/src/assets/css/ComponentsStyles/chat.css index b6e6dde..b46a657 100644 --- a/luckydiamond/src/assets/css/ComponentsStyles/chat.css +++ b/luckydiamond/src/assets/css/ComponentsStyles/chat.css @@ -1,5 +1,5 @@ .chat { - margin: 1% 1.2% 0 0; + margin: 1% 3.2% 0 0; } .chat__content { @@ -81,7 +81,7 @@ } .write__content input { - padding: 14px 35% 14px 12px; + padding: 14px 25% 14px 12px; border-radius: 13px; background: #22252F; color: #A9A99D; diff --git a/luckydiamond/src/assets/css/ComponentsStyles/header.css b/luckydiamond/src/assets/css/ComponentsStyles/header.css index 15c8944..b635559 100644 --- a/luckydiamond/src/assets/css/ComponentsStyles/header.css +++ b/luckydiamond/src/assets/css/ComponentsStyles/header.css @@ -131,9 +131,9 @@ display: flex; align-items: center; border-radius: 13px; - background: #5865F2; + background: #5865f2; box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.25); - color: #000; + color: #fff; font-size: 16px; font-weight: 600; font-family: Montserrat; @@ -143,5 +143,5 @@ } .auth__card--content a span img { - margin-right: 5px; + margin: 8% 5px 0 0; } \ No newline at end of file diff --git a/luckydiamond/src/assets/css/PagesStyles/home.css b/luckydiamond/src/assets/css/PagesStyles/home.css index c03069c..0e0fd45 100644 --- a/luckydiamond/src/assets/css/PagesStyles/home.css +++ b/luckydiamond/src/assets/css/PagesStyles/home.css @@ -69,7 +69,7 @@ /* GameMode */ .gamemode__content--text h2 { - margin: 2% 0 .5% 10%; + margin: 2% 0 .5% 8%; text-transform: uppercase; color: #FFF; text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); @@ -79,8 +79,8 @@ } .gamemode__content--text div { - width: 80%; - margin: 0 auto; + width: 82%; + margin-left: 8%; border: 1px solid #fff; } @@ -127,11 +127,18 @@ display: flex; justify-content: center; align-items: center; - padding-top: 12%; + padding-top: 10.6%; +} + +.line__content .line__btn--main .line__btn { + top: 2.5em; + left: -2em; + width: 100%; } .line__footer img { width: 60%; + margin-bottom: 23px; } .gamemode__lines { @@ -207,6 +214,7 @@ font-size: 87px; font-weight: 700; text-transform: uppercase; + padding: 4.5% 2.2%; } .gamemode__twoline--first__element .container { @@ -218,6 +226,7 @@ .gamemode__twoline--first__element .container a { margin-right: 10%; padding: 12px 10px; + margin-bottom: 3%; } .gamemode__twoline--two__element { diff --git a/luckydiamond/src/assets/css/global.css b/luckydiamond/src/assets/css/global.css index 93025cc..0a427b7 100644 --- a/luckydiamond/src/assets/css/global.css +++ b/luckydiamond/src/assets/css/global.css @@ -24,7 +24,7 @@ body, html { .content-grid { display: grid; - grid-template-columns: .35fr repeat(5, 1fr) 1.2fr; + grid-template-columns: .35fr repeat(5, 1fr) 1fr; grid-template-rows: auto 0fr repeat(4, 1fr); grid-auto-columns: 1fr; grid-auto-flow: row; @@ -84,9 +84,9 @@ body, html { .main { grid-area: main; - width: 80%; + width: 82%; height: 90%; - margin: 2.7% auto 0; + margin: 2.7% auto 0 8%; } /* /Main */ diff --git a/luckydiamond/src/assets/icons-header/discord-icon.png b/luckydiamond/src/assets/icons-header/discord-icon.png deleted file mode 100644 index ef33ab2..0000000 Binary files a/luckydiamond/src/assets/icons-header/discord-icon.png and /dev/null differ diff --git a/luckydiamond/src/assets/icons-header/discord-icon.svg b/luckydiamond/src/assets/icons-header/discord-icon.svg new file mode 100644 index 0000000..7f9a31f --- /dev/null +++ b/luckydiamond/src/assets/icons-header/discord-icon.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/luckydiamond/src/components/HeaderComponent.vue b/luckydiamond/src/components/HeaderComponent.vue index 133bf6b..2d74dee 100644 --- a/luckydiamond/src/components/HeaderComponent.vue +++ b/luckydiamond/src/components/HeaderComponent.vue @@ -57,7 +57,7 @@ export default {