style: scrollbar isolée dans la zone de contenu + suppression des flèches
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
This commit is contained in:
ext.jeremy.guillot@maxicoffee.domains
2026-03-13 19:32:45 +01:00
parent d4e456961a
commit 15cb59e420
11 changed files with 60 additions and 19 deletions

View File

@@ -1,6 +1,7 @@
<template>
<div>
<Toolbar :config="toolbarConfig" class="sticky top-16 z-10" />
<div class="flex flex-col h-full">
<Toolbar :config="toolbarConfig" />
<div class="overflow-y-auto flex-1">
<div class="container mx-auto px-4">
<MangaGrid v-if="viewMode === 'grid'" :mangas="pagedItems" />
<MangaList
@@ -22,6 +23,7 @@
Mise à jour en cours...
</div>
</div>
</div>
</div>
</template>