15cb59e420
All checks were successful
Deploy / deploy (push) Successful in 2m38s
- Layout: h-screen overflow-hidden, <main> flex-col avec mt-16 - Pages avec toolbar: toolbar hors du conteneur scrollable (flex-col + overflow-y-auto flex-1) - Pages sans toolbar: wrapper overflow-y-auto h-full - app.scss: scrollbar-width/color limité à Firefox via @supports (-moz-appearance: none) pour éviter le conflit avec les pseudo-éléments webkit sur Chrome 121+ - Suppression des flèches de scrollbar via ::-webkit-scrollbar-button - html/body overflow:hidden pour éviter la double scrollbar
26 lines
704 B
Vue
26 lines
704 B
Vue
<template>
|
|
<div :class="['bg-gray-800 min-h-14 p-3', $attrs.class]">
|
|
<div class="flex flex-row items-center justify-between h-full">
|
|
<!-- Left section -->
|
|
<ToolbarSection :items="config.leftSection" />
|
|
|
|
<!-- Right section -->
|
|
<ToolbarSection :items="config.rightSection" />
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup>
|
|
import ToolbarSection from './ToolbarSection.vue';
|
|
|
|
defineProps({
|
|
config: {
|
|
type: Object,
|
|
required: true,
|
|
validator: value => {
|
|
return Array.isArray(value.leftSection) && Array.isArray(value.rightSection);
|
|
}
|
|
}
|
|
});
|
|
</script>
|