Фиксы фронта
This commit is contained in:
@@ -28,6 +28,9 @@ onUnmounted(() => {
|
||||
/* CSS переменные (цветовая палитра) */
|
||||
:root {
|
||||
--bg-body: #111113;
|
||||
--bg-gradient:
|
||||
radial-gradient(ellipse 80% 50% at 50% -20%, rgba(86, 86, 99, 0.212), transparent)
|
||||
var(--bg-body);
|
||||
--bg-sidebar: #161618;
|
||||
--bg-main: #111113;
|
||||
--bg-card: rgba(255, 255, 255, 0.04);
|
||||
@@ -54,6 +57,12 @@ body {
|
||||
min-height: 100vh;
|
||||
}
|
||||
|
||||
/* Градиент на #app — виден везде включая fixed элементы */
|
||||
#app {
|
||||
min-height: 100vh;
|
||||
background: var(--bg-gradient);
|
||||
}
|
||||
|
||||
/* Мобильный режим — фиксируем body */
|
||||
body.is-mobile {
|
||||
position: fixed;
|
||||
|
||||
@@ -51,7 +51,10 @@ const props = defineProps({
|
||||
confirmText: String,
|
||||
cancelText: String,
|
||||
discardText: String,
|
||||
showDiscard: Boolean,
|
||||
showDiscard: {
|
||||
type: Boolean,
|
||||
default: undefined
|
||||
},
|
||||
variant: String,
|
||||
// Async callback для подтверждения — сам управляет loading
|
||||
action: {
|
||||
|
||||
@@ -34,7 +34,6 @@ const { isMobile } = useMobile()
|
||||
margin-left: 64px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
background: var(--bg-main);
|
||||
}
|
||||
|
||||
/* ========== FILTERS (deep для слотов) ========== */
|
||||
|
||||
@@ -149,7 +149,6 @@ onUpdated(refreshIcons)
|
||||
.app {
|
||||
display: flex;
|
||||
min-height: 100vh;
|
||||
background: var(--bg);
|
||||
}
|
||||
|
||||
.main-wrapper {
|
||||
@@ -436,7 +435,7 @@ onUpdated(refreshIcons)
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
padding: 12px 16px;
|
||||
background: var(--bg);
|
||||
background: var(--bg-body);
|
||||
z-index: 100;
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user