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.
41 lines
No EOL
1,007 B
SCSS
41 lines
No EOL
1,007 B
SCSS
@use "../global/variables" as *;
|
|
|
|
.el-collapse {
|
|
border: none !important;
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 20px;
|
|
padding-block: 20px
|
|
}
|
|
.el-collapse-item {
|
|
border-radius: $default_border_radius;
|
|
border: 1px solid $accentDark;
|
|
background-color: rgba($accent, 0.2);
|
|
box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.3);
|
|
}
|
|
.el-collapse-item__header {
|
|
background-color: transparent !important;
|
|
border-bottom: none !important;
|
|
line-height: 100% !important;
|
|
font-size: 14px !important;
|
|
font-weight: 600 !important;
|
|
padding-inline: 8px !important;
|
|
color: $accentDark !important;
|
|
}
|
|
.el-collapse-item__header.focusing:focus:not(:hover) {
|
|
color: $accentDark !important;
|
|
}
|
|
.el-collapse-item__wrap {
|
|
border-top: 2px solid $accentDark;
|
|
border-bottom: none !important;
|
|
background-color: transparent !important;
|
|
}
|
|
.el-collapse-item__content {
|
|
padding: 10px !important;
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 5px;
|
|
}
|
|
.el-collapse .el-icon {
|
|
display: none !important;
|
|
} |