333/tarinai
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

stable

Browse source
This commit is contained in:
33333-33333 2026-06-26 12:46:32 +09:00
commit 86226ccc94
97 changed files with 5790 additions and 2307 deletions
Download patch file Download diff file Expand all files Collapse all files

110
css/base.css
View file

@ -580,3 +580,113 @@ h1 {
background: #efffde;
border-color: rgba(103,178,44,0.46);
}
.rotator-editor {
position: fixed;
inset: 0;
z-index: 43;
display: grid;
place-items: center;
padding: 18px;
background: rgba(34, 29, 22, 0.34);
backdrop-filter: blur(3px);
}
.rotator-editor.hidden { display: none; }
.rotator-editor-panel {
width: min(620px, calc(100vw - 28px));
border-radius: 14px;
padding: 14px;
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);
}
.rotator-editor-titlebar {
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
margin-bottom: 10px;
padding-bottom: 8px;
border-bottom: 1px solid rgba(94, 70, 42, 0.13);
}
.rotator-editor-titlebar h2 { margin: 0; font-size: 16px; letter-spacing: .03em; }
.rotator-editor-close {
width: 30px;
height: 30px;
border-radius: 999px;
border: 1px solid rgba(84,68,48,0.16);
background: rgba(255,255,255,0.72);
color: var(--ink);
font-size: 19px;
line-height: 1;
cursor: pointer;
}
.rotator-editor-close:hover { background: rgba(255,248,232,0.96); }
.rotator-editor-controls {
display: grid;
grid-template-columns: 1fr;
gap: 8px;
margin-bottom: 8px;
}
.rotator-editor-controls label {
display: grid;
grid-template-columns: auto 1fr 72px auto;
align-items: center;
gap: 8px;
font-size: 13px;
color: var(--ink);
}
.rotator-editor-controls input[type="number"] {
width: 72px;
box-sizing: border-box;
border-radius: 8px;
border: 1px solid rgba(84,68,48,0.18);
background: rgba(255,255,255,0.84);
padding: 4px 6px;
}
.rotator-editor-tools {
display: flex;
flex-wrap: wrap;
gap: 6px;
margin-bottom: 8px;
}
.rotator-editor-tools button {
border: 1px solid rgba(84,68,48,0.16);
background: rgba(255,255,255,0.74);
color: var(--ink);
border-radius: 999px;
padding: 5px 10px;
font-size: 12px;
cursor: pointer;
}
.rotator-editor-tools button.active {
background: rgba(137, 101, 198, 0.18);
border-color: rgba(112, 80, 170, 0.38);
font-weight: 700;
}
#rotatorCanvas {
width: 100%;
height: min(58vh, 360px);
display: block;
border-radius: 12px;
border: 1px solid rgba(84,68,48,0.20);
background: #f7f3ea;
touch-action: none;
cursor: crosshair;
}
.rotator-editor-hint {
margin: 7px 2px 0;
color: var(--muted);
font-size: 12px;
}
.rotator-editor-actions {
display: flex;
justify-content: flex-end;
gap: 8px;
margin-top: 12px;
}
@media (max-width: 560px) {
.rotator-editor-panel { padding: 10px; }
.rotator-editor-controls label { grid-template-columns: 1fr; align-items: stretch; }
#rotatorCanvas { height: 320px; }
}