diff --git a/luckydiamond/src/assets/css/PagesStyles/games-pages/jackpot.css b/luckydiamond/src/assets/css/PagesStyles/games-pages/jackpot.css index c7a39d9..6d70be4 100644 --- a/luckydiamond/src/assets/css/PagesStyles/games-pages/jackpot.css +++ b/luckydiamond/src/assets/css/PagesStyles/games-pages/jackpot.css @@ -58,6 +58,25 @@ /* Размер стрелки */ /* Добавьте любые дополнительные стили, такие как цвет фона, границы и т.д. */ } +.jackpot-useringame-list{ + margin-top: 3.5%; +} +.jackpot-carousel-user { + z-index: 1; + position: relative; + /* margin-left: 5%; */ + border-radius: 10px; + background: #1F2543; + box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); + width: 100%; + margin-top: 1%; + + /* height: 480px; */ + /* height: 100%; */ + border: 1px solid #262C55; + height: 95%; +} + .jackpot-game { z-index: 1; @@ -267,10 +286,15 @@ .jackpot-gems-icon { + margin-left: 5px; height: 1vh; } +.jackpot-gems-icon-extension{ + margin-bottom: -10px !important; +} + .jackpot-player-chance { background-color: #27345C; /* Adjust background color as needed */ @@ -291,6 +315,58 @@ color: #EF4444; /* Или любой другой оттенок красного, который вам нужен */ } + .jackpot-banner { + display: flex; + justify-content: space-between; + align-items: center; + background-color: #1e2749; /* Dark blue background */ + padding: 5px; + border-radius: 5px; + color: white; + font-family: Montserrat; + font-weight: bold; + + } + + .jackpot-content { + display: flex; + align-items: center; + } + + .jackpot-avatar { + width: 48px; /* Adjust based on your preference */ + height: 48px; + margin-right: 10px; + } + + .jackpot-info { + display: flex; + flex-direction: column; + } + + .jackpot-name { + font-size: 16px; + font-weight: bold; + color: #515D83; + } + + .jackpot-gems { + font-size: 14px; + color: #FFFFFF84; + text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); + font-family: Montserrat Alternates; + font-weight: bold; + } + + .jackpot-chance { + font-size: 16px; + background-color: transparent; /* Adjust if you want a different background */ + } + + .jackpot-percentage { + color: #EF4444; /* Adjust if you want a different color */ + } + @media (max-width: 1415px) { .padding-elements-jackpot { diff --git a/luckydiamond/src/pages/games-pages/JackpotPage.vue b/luckydiamond/src/pages/games-pages/JackpotPage.vue index 3e94878..82045c5 100644 --- a/luckydiamond/src/pages/games-pages/JackpotPage.vue +++ b/luckydiamond/src/pages/games-pages/JackpotPage.vue @@ -155,21 +155,23 @@