diff --git a/src/assets/scss/main.scss b/src/assets/scss/main.scss index 6907256..0867699 100644 --- a/src/assets/scss/main.scss +++ b/src/assets/scss/main.scss @@ -1,5 +1,8 @@ @use './variables.scss' as vars; +* { + box-sizing: border-box; +} // Reset and base styles :root { // Global transition for theme switching @@ -13,8 +16,6 @@ text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; - - box-sizing: border-box; } // Default dark theme diff --git a/src/components/SideNav.vue b/src/components/SideNav.vue index 1e2b228..b18ea3e 100644 --- a/src/components/SideNav.vue +++ b/src/components/SideNav.vue @@ -411,8 +411,6 @@ const handleLogout = () => { .logout-container { margin-top: auto; - padding: 0.5rem 1rem 1rem; - border-top: 1px solid var(--sidebar-border); .logout-button { display: flex; @@ -421,15 +419,14 @@ const handleLogout = () => { padding: 0.75rem 1rem; background-color: transparent; color: var(--text-color); - border: 1px solid var(--sidebar-border); - border-radius: 8px; + border-radius: 0; cursor: pointer; transition: all 0.3s ease; + border-color: transparent; &:hover { background-color: rgba(220, 53, 69, 0.1); color: #dc3545; - border-color: rgba(220, 53, 69, 0.3); } .icon {