From 25663a7aa47ec9c23375f3f8387c405e9325520c Mon Sep 17 00:00:00 2001 From: Falknat Date: Fri, 16 Jan 2026 10:46:40 +0700 Subject: [PATCH] =?UTF-8?q?=D0=A4=D0=B8=D0=BA=D1=81=D1=8B=20=D1=84=D1=80?= =?UTF-8?q?=D0=BE=D0=BD=D1=82=D0=B0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- front_vue/src/App.vue | 9 +++++++++ front_vue/src/components/ConfirmDialog.vue | 5 ++++- front_vue/src/components/PageLayout.vue | 1 - front_vue/src/views/TeamPage.vue | 3 +-- 4 files changed, 14 insertions(+), 4 deletions(-) diff --git a/front_vue/src/App.vue b/front_vue/src/App.vue index b09fed6..2836285 100644 --- a/front_vue/src/App.vue +++ b/front_vue/src/App.vue @@ -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; diff --git a/front_vue/src/components/ConfirmDialog.vue b/front_vue/src/components/ConfirmDialog.vue index 600f76a..1fa7de6 100644 --- a/front_vue/src/components/ConfirmDialog.vue +++ b/front_vue/src/components/ConfirmDialog.vue @@ -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: { diff --git a/front_vue/src/components/PageLayout.vue b/front_vue/src/components/PageLayout.vue index 6e4f711..5ef512d 100644 --- a/front_vue/src/components/PageLayout.vue +++ b/front_vue/src/components/PageLayout.vue @@ -34,7 +34,6 @@ const { isMobile } = useMobile() margin-left: 64px; display: flex; flex-direction: column; - background: var(--bg-main); } /* ========== FILTERS (deep для слотов) ========== */ diff --git a/front_vue/src/views/TeamPage.vue b/front_vue/src/views/TeamPage.vue index 78509cc..ceb9421 100644 --- a/front_vue/src/views/TeamPage.vue +++ b/front_vue/src/views/TeamPage.vue @@ -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; }