Gava/agenciapsilmno
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

+ Menu Hover no Layout Rail, Twilio, Sms, Email, Templates, LNovo Layout Configurações

Browse Source
This commit is contained in:
Leonardo
2026-03-25 08:39:45 -03:00
parent 53a4980396
commit 3f1786c9bf
59 changed files with 2553 additions and 1106 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/layout/AppThemeBar.vue
+30 -2
View File
@@ -21,7 +21,7 @@ import { useConfiguratorBar } from '@/layout/composables/useConfiguratorBar';
import { primaryColors, surfaces, presetOptions, applyThemeEngine } from '@/theme/theme.options';
import { useUserSettingsPersistence } from '@/composables/useUserSettingsPersistence';
const { layoutConfig, isDarkTheme, changeMenuMode, setVariant, layoutState, isMobile, effectiveVariant, effectiveMenuMode } = useLayout();
const { layoutConfig, isDarkTheme, changeMenuMode, setVariant, setRailOpenMode, layoutState, isMobile, effectiveVariant, effectiveMenuMode, railPanelPushesLayout } = useLayout();
const { close } = useConfiguratorBar();
const { init: initSettings, queuePatch } = useUserSettingsPersistence();
@@ -35,7 +35,7 @@ onMounted(() => initSettings());
const leftOffset = computed(() => {
if (isMobile.value) return '0px';
if (effectiveVariant.value === 'rail') {
const panelW = layoutState.railPanelOpen ? 260 : 0;
const panelW = railPanelPushesLayout.value ? 260 : 0;
return `${60 + panelW}px`;
}
// Clássico
@@ -151,6 +151,34 @@ function handleSetVariant(v) {
</div>
</template>
<!-- ── Abrir Menu (somente layout rail) ─────────── -->
<template v-if="effectiveVariant === 'rail'">
<div class="theme-bar__divider" />
<div class="theme-bar__section">
<span class="theme-bar__label">Abrir Menu</span>
<div class="flex gap-2">
<button
type="button"
class="variant-btn"
:class="{ 'variant-btn--active': layoutConfig.railOpenMode === 'hover' }"
@click="setRailOpenMode('hover')"
>
<i :class="layoutConfig.railOpenMode === 'hover' ? 'pi pi-check-circle' : 'pi pi-circle'" />
Hover
</button>
<button
type="button"
class="variant-btn"
:class="{ 'variant-btn--active': layoutConfig.railOpenMode === 'click' }"
@click="setRailOpenMode('click')"
>
<i :class="layoutConfig.railOpenMode === 'click' ? 'pi pi-check-circle' : 'pi pi-circle'" />
Clique
</button>
</div>
</div>
</template>
<div class="theme-bar__divider" />
<!-- ── Layout variant ────────────────────────────── -->