fix(admin): keep plugin rail and section panel sticky so Settings stays at the viewport bottom
This commit is contained in:
@@ -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" />
|
||||
|
||||
@@ -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>
|
||||
|
||||
1
modules/boardwalk/dist/assets/index-BeX-076N.css
vendored
Normal file
1
modules/boardwalk/dist/assets/index-BeX-076N.css
vendored
Normal file
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
4
modules/boardwalk/dist/index.html
vendored
4
modules/boardwalk/dist/index.html
vendored
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user