From 44f689cfea91ce52cbc56562c14a3b281cc4364f Mon Sep 17 00:00:00 2001 From: tugcekucukoglu Date: Mon, 11 Mar 2024 17:20:26 +0300 Subject: [PATCH] Simple config defect --- src/assets/layout/_config.scss | 74 +++++++++++++++++----------------- 1 file changed, 36 insertions(+), 38 deletions(-) diff --git a/src/assets/layout/_config.scss b/src/assets/layout/_config.scss index 50f13c3..2d78c1c 100644 --- a/src/assets/layout/_config.scss +++ b/src/assets/layout/_config.scss @@ -1,44 +1,42 @@ -.layout-wrapper { - .layout-config-button { - display: block; - position: fixed; - width: 3rem; - height: 3rem; - line-height: 3rem; - background: var(--primary-color); - color: var(--primary-color-text); - text-align: center; - top: 50%; - right: 0; - margin-top: -1.5rem; - border-top-left-radius: var(--border-radius); - border-bottom-left-radius: var(--border-radius); - border-top-right-radius: 0; - border-bottom-right-radius: 0; - transition: background-color var(--transition-duration); - overflow: hidden; - cursor: pointer; - z-index: 999; - box-shadow: -0.25rem 0 1rem rgba(0, 0, 0, 0.15); +.layout-config-button { + display: block; + position: fixed; + width: 3rem; + height: 3rem; + line-height: 3rem; + background: var(--primary-color); + color: var(--primary-color-text); + text-align: center; + top: 50%; + right: 0; + margin-top: -1.5rem; + border-top-left-radius: var(--border-radius); + border-bottom-left-radius: var(--border-radius); + border-top-right-radius: 0; + border-bottom-right-radius: 0; + transition: background-color var(--transition-duration); + overflow: hidden; + cursor: pointer; + z-index: 999; + box-shadow: -0.25rem 0 1rem rgba(0, 0, 0, 0.15); - i { - font-size: 2rem; - line-height: inherit; - transform: rotate(0deg); - transition: transform 1s; - } - - &:hover { - background: var(--primary-400); - } + i { + font-size: 2rem; + line-height: inherit; + transform: rotate(0deg); + transition: transform 1s; } - .layout-config-sidebar { - &.p-sidebar { - .p-sidebar-content { - padding-left: 2rem; - padding-right: 2rem; - } + &:hover { + background: var(--primary-400); + } +} + +.layout-config-sidebar { + &.p-sidebar { + .p-sidebar-content { + padding-left: 2rem; + padding-right: 2rem; } } }