global: big snapshot

This commit is contained in:
nym21
2026-04-26 23:12:17 +02:00
parent 2210443e37
commit 7a0b4b5890
125 changed files with 3833 additions and 3129 deletions

View File

@@ -58,7 +58,6 @@
display: flex;
align-items: center;
overflow-x: auto;
scrollbar-width: thin;
padding: 0 var(--main-padding);
padding-top: 0.375rem;

View File

@@ -74,5 +74,4 @@ fieldset {
min-width: 0;
font-size: var(--font-size-sm);
line-height: var(--line-height-sm);
scrollbar-width: thin;
}

View File

@@ -125,7 +125,7 @@ h3 {
html {
background-color: var(--background-color);
color: var(--color);
scrollbar-color: var(--off-color) var(--background-color);
scrollbar-color: var(--off-color) transparent;
scrollbar-width: thin;
overflow: hidden;
}

View File

@@ -145,7 +145,6 @@ footer {
display: flex;
gap: 1.125rem;
overflow-x: auto;
scrollbar-width: thin;
min-width: 0;
margin: -0.5rem 0;
padding: 0.5rem var(--main-padding);

View File

@@ -89,16 +89,65 @@
#chain {
flex-shrink: 0;
@container aside (max-width: 767px) {
overflow-x: auto;
padding-bottom: 1rem;
}
position: relative;
padding: 0;
@container aside (min-width: 768px) {
height: 100%;
overflow-y: auto;
padding-right: calc(var(--main-padding) / 2);
}
.chain-scroll {
padding: 0 var(--main-padding);
@container aside (max-width: 767px) {
padding-bottom: 1rem;
overflow-x: auto;
}
@container aside (min-width: 768px) {
padding: var(--main-padding);
padding-right: calc(var(--main-padding) / 2);
height: 100%;
overflow-y: auto;
}
}
.chain-edge {
position: absolute;
font-size: var(--font-size-xs);
text-transform: uppercase;
letter-spacing: 0.1em;
font-weight: 500;
@container aside (max-width: 767px) {
display: flex;
height: 100%;
width: var(--main-padding);
justify-content: center;
align-items: center;
writing-mode: vertical-lr;
text-orientation: upright;
text-decoration: none;
}
@container aside (min-width: 768px) {
display: flex;
width: 100%;
height: var(--main-padding);
justify-content: center;
align-items: center;
padding-left: calc(var(--main-padding) / 2);
}
}
.tip {
@container aside (min-width: 768px) { top: 0; }
@container aside (max-width: 767px) { left: 0; }
}
.gen {
@container aside (min-width: 768px) { bottom: 0; }
@container aside (max-width: 767px) { top: 0; right: 0; }
}
.blocks {