chore: rebuild release package
This commit is contained in:
110
public/style.css
110
public/style.css
@@ -8888,6 +8888,12 @@ html[data-theme='wasteland'] .mode-select {
|
||||
background-position: right 10px center;
|
||||
}
|
||||
|
||||
@media (min-width: 721px) and (max-width: 1100px) {
|
||||
html[data-theme='wasteland'] body {
|
||||
background-position: center, center, 75% 50%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 720px) {
|
||||
html[data-theme='wasteland'] {
|
||||
--sidebar-width: min(88vw, 320px);
|
||||
@@ -8899,7 +8905,7 @@ html[data-theme='wasteland'] .mode-select {
|
||||
linear-gradient(90deg, rgba(3, 5, 5, 0.82), rgba(3, 5, 5, 0.46)),
|
||||
linear-gradient(180deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.48)),
|
||||
url('assets/themes/wasteland/background.webp');
|
||||
background-position: center, center, 70% 50%;
|
||||
background-position: center, center, 75% 50%;
|
||||
}
|
||||
|
||||
html[data-theme='wasteland'] .input-area {
|
||||
@@ -8967,3 +8973,105 @@ html[data-theme='wasteland'] :is(
|
||||
-webkit-backdrop-filter: blur(3px) saturate(1.16) brightness(1.28);
|
||||
backdrop-filter: blur(3px) saturate(1.16) brightness(1.28);
|
||||
}
|
||||
|
||||
/* === 桌面侧栏:固定收起与悬浮预览 === */
|
||||
:root {
|
||||
--sidebar-rail-width: 14px;
|
||||
--sidebar-hover-shadow: 18px 0 40px rgba(45, 31, 20, 0.16);
|
||||
}
|
||||
|
||||
:is(
|
||||
html[data-theme='carbon'],
|
||||
html[data-theme='nocturne'],
|
||||
html[data-theme='cinder'],
|
||||
html[data-theme='gilded'],
|
||||
html[data-theme='wasteland']
|
||||
) {
|
||||
--sidebar-hover-shadow: 22px 0 52px rgba(0, 0, 0, 0.48);
|
||||
}
|
||||
|
||||
html[data-theme='gilded'] {
|
||||
--sidebar-hover-shadow: 20px 0 46px rgba(69, 48, 25, 0.22);
|
||||
}
|
||||
|
||||
.menu-btn:focus-visible {
|
||||
outline: 2px solid var(--accent);
|
||||
outline-offset: 2px;
|
||||
}
|
||||
|
||||
@media (width > 768px) and (hover: hover) and (pointer: fine) {
|
||||
.menu-btn {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
flex: 0 0 32px;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.app.sidebar-collapsed .sidebar {
|
||||
position: relative;
|
||||
z-index: 90;
|
||||
width: var(--sidebar-width);
|
||||
min-width: var(--sidebar-width);
|
||||
margin-right: calc(var(--sidebar-rail-width) - var(--sidebar-width));
|
||||
transform: translateX(calc(var(--sidebar-rail-width) - var(--sidebar-width)));
|
||||
box-shadow: none;
|
||||
will-change: transform;
|
||||
transition:
|
||||
transform 180ms ease,
|
||||
margin-right 180ms ease,
|
||||
box-shadow 180ms ease;
|
||||
}
|
||||
|
||||
.app.sidebar-collapsed .sidebar:is(:hover, :focus-within) {
|
||||
transform: translateX(0);
|
||||
box-shadow: var(--sidebar-hover-shadow);
|
||||
}
|
||||
|
||||
.app.sidebar-collapsed .sidebar::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
z-index: 3;
|
||||
width: var(--sidebar-rail-width);
|
||||
pointer-events: none;
|
||||
border-left: 1px solid var(--border-color);
|
||||
background:
|
||||
linear-gradient(90deg, transparent, color-mix(in srgb, var(--accent) 12%, transparent)),
|
||||
var(--bg-secondary);
|
||||
box-shadow: inset -1px 0 var(--border-color);
|
||||
opacity: 1;
|
||||
transition: opacity 120ms ease;
|
||||
}
|
||||
|
||||
.app.sidebar-collapsed .sidebar:is(:hover, :focus-within)::after {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
html[data-theme='gilded'] .app.sidebar-collapsed .sidebar::after {
|
||||
border-left-color: rgba(138, 97, 37, 0.34);
|
||||
background:
|
||||
linear-gradient(90deg, rgba(255, 247, 234, 0.42), rgba(168, 79, 37, 0.18)),
|
||||
#efe4d2;
|
||||
box-shadow: inset -1px 0 rgba(122, 63, 32, 0.42);
|
||||
}
|
||||
|
||||
html[data-theme='wasteland'] .app.sidebar-collapsed .sidebar::after {
|
||||
border-left-color: rgba(185, 139, 75, 0.38);
|
||||
background:
|
||||
linear-gradient(90deg, rgba(5, 7, 7, 0.82), rgba(196, 154, 90, 0.2)),
|
||||
#080a09;
|
||||
box-shadow: inset -1px 0 rgba(223, 180, 108, 0.32);
|
||||
}
|
||||
}
|
||||
|
||||
@media (prefers-reduced-motion: reduce) {
|
||||
.app.sidebar-collapsed .sidebar,
|
||||
.app.sidebar-collapsed .sidebar::after {
|
||||
transition: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user