From 4d73c6c37056c14df815570a4f544a39fa43dd7a Mon Sep 17 00:00:00 2001 From: Hepatica Date: Sun, 18 Feb 2024 17:42:20 +0100 Subject: [PATCH] Add fix for chat + jackpot logo --- .../src/assets/css/ComponentsStyles/chat.css | 2 +- .../src/assets/css/PagesStyles/home.css | 47 ++++++++++++++++++- .../assets/icons-gamemodes/jackpot_icon.svg | 9 ++++ luckydiamond/src/mocks/GameModes.js | 2 +- luckydiamond/src/pages/HomePage.vue | 8 ++-- 5 files changed, 60 insertions(+), 8 deletions(-) create mode 100644 luckydiamond/src/assets/icons-gamemodes/jackpot_icon.svg diff --git a/luckydiamond/src/assets/css/ComponentsStyles/chat.css b/luckydiamond/src/assets/css/ComponentsStyles/chat.css index f7c4a42..4f5777b 100644 --- a/luckydiamond/src/assets/css/ComponentsStyles/chat.css +++ b/luckydiamond/src/assets/css/ComponentsStyles/chat.css @@ -191,4 +191,4 @@ .mention-message { background-color: rgb(169, 113, 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 99e4150..c62de9d 100644 --- a/luckydiamond/src/assets/css/PagesStyles/home.css +++ b/luckydiamond/src/assets/css/PagesStyles/home.css @@ -117,7 +117,17 @@ color: #fff; text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); font-family: Montserrat Alternates; - font-size: 91px; + font-size:91px; + font-weight: 700; + text-transform: uppercase; + text-align: center; +} + +.title-jackpot { + color: #fff; + text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); + font-family: Montserrat Alternates; + font-size:80px; font-weight: 700; text-transform: uppercase; text-align: center; @@ -157,6 +167,11 @@ margin: 1% 6.6% 1% 4.7%; } +.line__img__jackpot { + display: flex; + margin: 1% 6.6% 1% 4.7%; +} + .display-firstline { display: flex; } @@ -178,6 +193,23 @@ left: 2%; } +.line__btn__jackpot { + border-radius: 21px; + background: #FFF; + box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.25); + color: #000; + text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); + font-family: Montserrat Alternates; + font-size: 36px; + font-weight: 700; + padding: 11px 11px; + text-decoration: none; + text-transform: uppercase; + position: relative; + bottom: 4%; + left: 6%; +} + .line__btn--elm { color: #000; font-size: 38px; @@ -377,10 +409,21 @@ } } -@media screen and (min-height: 910px) { +@media screen and (min-height: 820px) { .chat { height: 87vh !important; } } + @media screen and (max-width: 1850px) { + .line__img__jackpot { + display: none !important; + } + } +/* +@media screen and (min-height: 800) { + .chat { + height: 85vh !important; + } +} */ /* /Media */ diff --git a/luckydiamond/src/assets/icons-gamemodes/jackpot_icon.svg b/luckydiamond/src/assets/icons-gamemodes/jackpot_icon.svg new file mode 100644 index 0000000..d6eacae --- /dev/null +++ b/luckydiamond/src/assets/icons-gamemodes/jackpot_icon.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/luckydiamond/src/mocks/GameModes.js b/luckydiamond/src/mocks/GameModes.js index c8c06de..acc5dda 100644 --- a/luckydiamond/src/mocks/GameModes.js +++ b/luckydiamond/src/mocks/GameModes.js @@ -6,7 +6,7 @@ export default [ }, { id: 2, - title: 'кейсы', + title: 'джекпот', players: 0 }, { diff --git a/luckydiamond/src/pages/HomePage.vue b/luckydiamond/src/pages/HomePage.vue index cd20b17..c807ba0 100644 --- a/luckydiamond/src/pages/HomePage.vue +++ b/luckydiamond/src/pages/HomePage.vue @@ -60,18 +60,18 @@ >
-

{{ mode.title }}

+

{{ mode.title }}

play >
-
- +
+