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