qqq
This commit is contained in:
parent
acf93ec6df
commit
ee22e1a929
49 changed files with 1380 additions and 338 deletions
52
css/base.css
52
css/base.css
|
|
@ -450,6 +450,10 @@ h1 {
|
|||
background: linear-gradient(180deg, rgba(255,253,247,0.98), rgba(245,237,221,0.96));
|
||||
border: 1px solid rgba(94, 70, 42, 0.20);
|
||||
box-shadow: 0 22px 60px rgba(36, 28, 20, 0.28), inset 0 1px 0 rgba(255,255,255,0.72);
|
||||
max-height: calc(100dvh - 36px);
|
||||
overflow-y: auto;
|
||||
overscroll-behavior: contain;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
}
|
||||
.signboard-editor-titlebar {
|
||||
display: flex;
|
||||
|
|
@ -595,6 +599,10 @@ h1 {
|
|||
background: linear-gradient(180deg, rgba(255,253,247,0.98), rgba(245,237,221,0.97));
|
||||
border: 1px solid rgba(94, 70, 42, 0.20);
|
||||
box-shadow: 0 22px 60px rgba(36, 28, 20, 0.28), inset 0 1px 0 rgba(255,255,255,0.72);
|
||||
max-height: calc(100dvh - 36px);
|
||||
overflow-y: auto;
|
||||
overscroll-behavior: contain;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
}
|
||||
.rotator-editor-titlebar {
|
||||
display: flex;
|
||||
|
|
@ -660,7 +668,8 @@ h1 {
|
|||
border-color: rgba(112, 80, 170, 0.38);
|
||||
font-weight: 700;
|
||||
}
|
||||
#rotatorCanvas {
|
||||
#rotatorCanvas,
|
||||
#reciprocatorCanvas {
|
||||
width: 100%;
|
||||
height: min(58vh, 360px);
|
||||
display: block;
|
||||
|
|
@ -682,7 +691,44 @@ h1 {
|
|||
margin-top: 12px;
|
||||
}
|
||||
@media (max-width: 560px) {
|
||||
.rotator-editor-panel { padding: 10px; }
|
||||
.rotator-editor {
|
||||
place-items: start center;
|
||||
padding: 8px;
|
||||
overflow-y: auto;
|
||||
overscroll-behavior: contain;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
}
|
||||
.rotator-editor-panel {
|
||||
width: calc(100vw - 16px);
|
||||
max-height: calc(100dvh - 16px);
|
||||
padding: 10px;
|
||||
}
|
||||
.rotator-editor-controls label { grid-template-columns: 1fr; align-items: stretch; }
|
||||
#rotatorCanvas { height: 320px; }
|
||||
.rotator-editor-tools { max-height: 22vh; overflow-y: auto; padding-right: 2px; }
|
||||
#rotatorCanvas, #reciprocatorCanvas { height: min(44vh, 270px); }
|
||||
}
|
||||
|
||||
.fan-editor-panel { width: min(430px, calc(100vw - 28px)); }
|
||||
.fan-editor-help {
|
||||
color: var(--muted);
|
||||
font-size: 12px;
|
||||
line-height: 1.45;
|
||||
margin: 0 2px 10px;
|
||||
}
|
||||
.fan-editor-controls label {
|
||||
grid-template-columns: 56px 1fr 72px auto;
|
||||
}
|
||||
.fan-editor-controls .fan-editor-check {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
padding: 8px 10px;
|
||||
border-radius: 10px;
|
||||
background: rgba(255,255,255,0.58);
|
||||
border: 1px solid rgba(84,68,48,0.11);
|
||||
}
|
||||
.fan-editor-controls input[type="checkbox"] { accent-color: #70aee8; }
|
||||
@media (max-width: 560px) {
|
||||
.fan-editor-controls label { grid-template-columns: 1fr; align-items: stretch; }
|
||||
.fan-editor-panel { width: calc(100vw - 16px); }
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue