From b54fc9c23b2c79fefdb448d853e2c705c2851237 Mon Sep 17 00:00:00 2001 From: Kirill <112247196+kirabortz@users.noreply.github.com> Date: Sat, 22 Jun 2024 21:44:47 +0300 Subject: [PATCH] fix filters style (#387) --- src/Pages/DecksPage/decksPage.module.scss | 6 +++++- src/components/ui/tabs-switcher/tabSwitcher.module.scss | 2 +- 2 files changed, 6 insertions(+), 2 deletions(-) diff --git a/src/Pages/DecksPage/decksPage.module.scss b/src/Pages/DecksPage/decksPage.module.scss index 09c1053..cd2d637 100644 --- a/src/Pages/DecksPage/decksPage.module.scss +++ b/src/Pages/DecksPage/decksPage.module.scss @@ -156,6 +156,9 @@ } .boxForSlider { + display: flex; + flex-flow: column nowrap; + gap: 7px; width: 100%; } @@ -164,12 +167,13 @@ width: 24px; height: 24px; + margin-left: 3px; padding: 0; background-color: transparent; border: 1.5px solid var(--color-info-100); border-radius: 50%; - margin-left: 3px; + &:hover { background-color: transparent; box-shadow: 0 0 8px 6px rgb(128 255 191 / 80%); diff --git a/src/components/ui/tabs-switcher/tabSwitcher.module.scss b/src/components/ui/tabs-switcher/tabSwitcher.module.scss index 1119ab7..9bb1ab2 100644 --- a/src/components/ui/tabs-switcher/tabSwitcher.module.scss +++ b/src/components/ui/tabs-switcher/tabSwitcher.module.scss @@ -26,7 +26,7 @@ width: 100%; min-width: max-content; - padding: 6px 24px; + padding: 5px 24px; color: var(--color-light-100); text-align: center;