diff --git a/luckydiamond/src/assets/css/PagesStyles/settings.css b/luckydiamond/src/assets/css/PagesStyles/settings.css index 6d73a79..3dd9e19 100644 --- a/luckydiamond/src/assets/css/PagesStyles/settings.css +++ b/luckydiamond/src/assets/css/PagesStyles/settings.css @@ -76,3 +76,56 @@ background: red; /* Цвет фона трека для Firefox */ height: 8px; /* Высота трека для Firefox */ } + + + +/* toggle in label designing */ +.toggle { + position : relative ; + display : flex; + width : 60px; + height : 32px; + background-color: #000413; + border-radius: 5px; + justify-content: center; + align-items: center; + + +} + +/* After slide changes */ +.toggle:after { + content: ''; + position: absolute; + width: 22px; + height: 22px; + border-radius: 5px; + display: flex; + justify-content: center; + align-items: center; + align-content: center; + background-color: #EF4444; + top: 5px; + left: 6px; + transition: all 0.5s; +} + +/* Toggle text */ +.toggle p { + font-family: Arial, Helvetica, sans-serif; + font-weight: bold; +} + +/* Checkbox checked effect */ +.checkbox:checked + .toggle::after { + + left : 34px; +} + +/* Checkbox checked toggle label bg color */ + + +/* Checkbox vanished */ +.checkbox { + display : none; +} \ No newline at end of file diff --git a/luckydiamond/src/components/AsidebarComponent.vue b/luckydiamond/src/components/AsidebarComponent.vue index ad16767..baa9ba3 100644 --- a/luckydiamond/src/components/AsidebarComponent.vue +++ b/luckydiamond/src/components/AsidebarComponent.vue @@ -9,7 +9,7 @@ - + diff --git a/luckydiamond/src/components/ChatComponent.vue b/luckydiamond/src/components/ChatComponent.vue index e906c17..2bdaf65 100644 --- a/luckydiamond/src/components/ChatComponent.vue +++ b/luckydiamond/src/components/ChatComponent.vue @@ -22,13 +22,15 @@
-

{{ msg.username }}

+

{{ msg.username.replace(/[a-zA-Z0-9]/g, '*') }}

{{ msg.msg }}

+ + -
- - - -
- - - - - \ No newline at end of file diff --git a/luckydiamond/src/components/DoubleComponent2.vue b/luckydiamond/src/components/DoubleComponent2.vue deleted file mode 100644 index 0a937f1..0000000 --- a/luckydiamond/src/components/DoubleComponent2.vue +++ /dev/null @@ -1,231 +0,0 @@ - - - - \ No newline at end of file diff --git a/luckydiamond/src/pages/SettingsPage.vue b/luckydiamond/src/pages/SettingsPage.vue index a077510..a3f82b2 100644 --- a/luckydiamond/src/pages/SettingsPage.vue +++ b/luckydiamond/src/pages/SettingsPage.vue @@ -12,6 +12,7 @@ --> +

Звук

Данная страница находится в разработке, и будет полностью переделанна
+ + +
+ + + +

скрыть чат

+
+
@@ -66,4 +81,5 @@ export default { } }, }; + \ No newline at end of file diff --git a/luckydiamond/src/pages/games-pages/DoublePage.vue b/luckydiamond/src/pages/games-pages/DoublePage.vue deleted file mode 100644 index 9002af0..0000000 --- a/luckydiamond/src/pages/games-pages/DoublePage.vue +++ /dev/null @@ -1,39 +0,0 @@ - - \ No newline at end of file diff --git a/luckydiamond/src/pages/games-pages/RollPage.vue b/luckydiamond/src/pages/games-pages/RollPage.vue deleted file mode 100644 index 7afdf30..0000000 --- a/luckydiamond/src/pages/games-pages/RollPage.vue +++ /dev/null @@ -1,164 +0,0 @@ - - - - - \ No newline at end of file diff --git a/luckydiamond/src/pages/games-pages/TutorialPage.vue b/luckydiamond/src/pages/games-pages/TutorialPage.vue deleted file mode 100644 index 1bfab56..0000000 --- a/luckydiamond/src/pages/games-pages/TutorialPage.vue +++ /dev/null @@ -1,50 +0,0 @@ -d-flex align-items-center justify-conte - - - diff --git a/luckydiamond/src/router/router.js b/luckydiamond/src/router/router.js index febf745..94c52fb 100644 --- a/luckydiamond/src/router/router.js +++ b/luckydiamond/src/router/router.js @@ -6,7 +6,6 @@ import SapergamePage from "@/pages/games-pages/SapergamePage.vue"; import SettingsPage from "@/pages/SettingsPage.vue"; import CrashGamePage from "@/pages/games-pages/CrashgamePage.vue"; import JackpotPage from "@/pages/games-pages/JackpotPage.vue"; -import DoublePage from "@/pages/games-pages/DoublePage.vue"; import AboutPage from "@/pages/AboutPage.vue"; import HelpPage from "@/pages/HelpPage.vue" ; @@ -18,7 +17,6 @@ export default createRouter({ { path: '/game/saper', component: SapergamePage, name: 'saper' }, { path: '/game/crash', component: CrashGamePage, name: 'crash' }, { path: '/game/jackpot', component: JackpotPage, name: 'jackpot' }, - { path: '/game/double', component: DoublePage, name: 'double' }, { path: '/settings', component: SettingsPage, name: 'settings' }, { path: '/about', component: AboutPage, name: 'about' }, { path: '/help', component: HelpPage, name: 'help' },