Fixes: 1) Replace `ElNotification` calls with `useNotification` utility across all authentication and user-related composables; 2) Add missing semicolons in multiple index exports and styled components; 3) Resolve issues with reactivity in `useStore` composable by renaming and restructuring product variables; Extra: 1) Refactor localized strings and translations for better readability and maintenance; 2) Tweak styles including scoped styles, z-index adjustments, and SCSS mixins; 3) Remove unused components and imports to streamline storefront layout.
75 lines
No EOL
985 B
SCSS
75 lines
No EOL
985 B
SCSS
@use "../global/variables" as *;
|
|
|
|
* {
|
|
margin: 0;
|
|
padding: 0;
|
|
border: none;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
html {
|
|
overflow-x: hidden;
|
|
font-family: $font_default;
|
|
word-spacing: -3px;
|
|
}
|
|
|
|
#app {
|
|
overflow-x: hidden;
|
|
position: relative;
|
|
}
|
|
|
|
a {
|
|
text-decoration: none;
|
|
color: inherit;
|
|
}
|
|
|
|
input, textarea, button {
|
|
font-family: $font_default;
|
|
outline: none;
|
|
}
|
|
|
|
button:focus-visible {
|
|
outline: none;
|
|
}
|
|
|
|
.container {
|
|
max-width: 1500px;
|
|
margin-inline: auto;
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb {
|
|
background: $accent;
|
|
}
|
|
|
|
::-webkit-scrollbar-track {
|
|
background: $light;
|
|
}
|
|
|
|
* {
|
|
scrollbar-color: $accent $light;
|
|
}
|
|
|
|
:root {
|
|
--el-color-primary: #{$accent} !important;
|
|
}
|
|
|
|
.el-skeleton__item {
|
|
--el-skeleton-color: #c9ccd0 !important;
|
|
--el-skeleton-to-color: #c3c3c7 !important;
|
|
}
|
|
|
|
.el-badge__content {
|
|
border: none !important;
|
|
}
|
|
|
|
@media (max-width: 1680px) {
|
|
.container {
|
|
max-width: 1200px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 1300px) {
|
|
.container {
|
|
width: 90%;
|
|
}
|
|
} |