fix(admin): keep plugin rail and section panel sticky so Settings stays at the viewport bottom

This commit is contained in:
2026-10-11 14:34:24 +02:00
parent ee6fc7a235
commit 73074ee257
6 changed files with 6 additions and 6 deletions

View File

@@ -150,7 +150,7 @@ onBeforeUnmount(cancelClose)
<template>
<nav
:aria-label="t('backend::lang.nav.plugins')"
class="flex w-rail shrink-0 flex-col items-center gap-1.5 border-r border-side-border bg-side pt-3.5 pb-3"
class="sticky top-0 flex h-screen w-rail shrink-0 flex-col items-center gap-1.5 self-start overflow-y-auto border-r border-side-border bg-side pt-3.5 pb-3"
>
<span class="mb-3.5 flex size-10 items-center justify-center rounded-inner bg-accent-soft" title="SummerCMS">
<Sun :size="22" class="text-accent" aria-hidden="true" />

View File

@@ -36,7 +36,7 @@ function collapse(): void {
<template>
<aside
:aria-label="t('backend::lang.nav.sections')"
class="flex w-panel shrink-0 flex-col gap-0.5 border-r border-border bg-surface px-3 py-3.5"
class="sticky top-0 flex h-screen w-panel shrink-0 flex-col gap-0.5 self-start overflow-y-auto border-r border-border bg-surface px-3 py-3.5"
>
<div class="mb-3.5 flex h-10 items-center justify-between gap-2 pl-2">
<span class="truncate text-[16px] font-bold">{{ entry.label }}</span>

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@@ -7,8 +7,8 @@
<meta name="summer-admin-base" content="__SUMMER_ADMIN_BASE__" />
<link rel="icon" href="./favicon.ico" sizes="48x48" />
<title>SummerCMS</title>
<script type="module" crossorigin src="./assets/index-BEInRo7D.js"></script>
<link rel="stylesheet" crossorigin href="./assets/index-d9w3cFkl.css">
<script type="module" crossorigin src="./assets/index-CXQZEJp2.js"></script>
<link rel="stylesheet" crossorigin href="./assets/index-BeX-076N.css">
</head>
<body>
<div id="app"></div>