Alexandr SaVBaD Waltz
52b32bd608
Fixes: 1) Replace deprecated context usage in `useAvatarUpload` mutation; 2) Resolve incorrect locale parsing in `useDate` utility and fix non-reactive cart state in `profile/cart.vue`; 3) Update stale imports and standardize type naming across composables; Extra: 1) Refactor i18n strings including order status and search-related texts; 2) Replace temporary workarounds with `apollo-upload-client` configuration and add `apollo-upload-link.ts` plugin; 3) Cleanup redundant files, comments, and improve SCSS structure with new variables and placeholders.
86 lines
No EOL
1.2 KiB
SCSS
86 lines
No EOL
1.2 KiB
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 {
|
|
// width: 12px;
|
|
//}
|
|
//
|
|
//::-webkit-scrollbar-thumb {
|
|
// background-color: rgba($accent, 0.5);
|
|
// border-radius: $default_border_radius;
|
|
// -webkit-transition: all .2s ease;
|
|
// transition: all .2s ease;
|
|
//}
|
|
|
|
::-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%;
|
|
}
|
|
} |