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.
39 lines
No EOL
678 B
SCSS
39 lines
No EOL
678 B
SCSS
@use "../global/variables" as *;
|
|
|
|
.el-notification {
|
|
border: 2px solid $accent !important;
|
|
transition: all 0.3s ease !important;
|
|
|
|
&__progress {
|
|
position: absolute;
|
|
left: 0;
|
|
bottom: 0;
|
|
width: 100%;
|
|
height: 3px;
|
|
background-color: $accentDark;
|
|
animation: progress-animation linear forwards;
|
|
}
|
|
|
|
&__button {
|
|
margin-top: 10px;
|
|
padding: 6px 12px;
|
|
background-color: $accent;
|
|
border-radius: $default_border_radius;
|
|
color: #fff;
|
|
border: none;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.el-notification__closeBtn {
|
|
color: $accent !important;
|
|
}
|
|
}
|
|
|
|
@keyframes progress-animation {
|
|
0% {
|
|
width: 100%;
|
|
}
|
|
100% {
|
|
width: 0;
|
|
}
|
|
} |