t/tetratto
1
0
Fork 0
Code Issues Pull requests Projects Releases 5 Packages Wiki Activity Actions

add: expand infinite scrolling to stacks and profiles

Browse source
This commit is contained in:
trisua 2025-06-17 14:28:18 -04:00
parent 2b253c811c
commit 3027b679db
16 changed files with 226 additions and 288 deletions
Download patch file Download diff file Expand all files Collapse all files

55
crates/app/src/public/css/root.css
View file

@ -213,6 +213,14 @@ ol {
margin-left: var(--pad-4);
}
pre {
padding: var(--pad-4);
}
code {
padding: var(--pad-1);
}
pre,
code {
font-family: "Jetbrains Mono", "Fire Code", monospace;
@ -221,18 +229,12 @@ code {
overflow: auto;
background: var(--color-lowered);
border-radius: var(--radius);
padding: var(--pad-1);
font-size: 0.8rem;
}
pre {
padding: var(--pad-4);
}
svg.icon {
stroke: currentColor;
width: 18px;
width: 1em;
height: 1em;
}
@ -263,7 +265,6 @@ code {
overflow-wrap: normal;
text-wrap: pretty;
word-wrap: break-word;
overflow-wrap: anywhere;
}
h1,
@ -275,7 +276,6 @@ h6 {
margin: 0;
font-weight: 700;
width: -moz-max-content;
width: max-content;
position: relative;
max-width: 100%;
}
@ -350,3 +350,42 @@ blockquote {
border-left: solid 5px var(--color-super-lowered);
font-style: italic;
}
.skel {
display: block;
border-radius: var(--radius);
background: var(--color-raised);
animation: skel ease-in-out infinite 2s forwards running;
transition: opacity 0.15s;
}
@keyframes skel {
from {
background: var(--color-raised);
}
50% {
background: var(--color-lowered);
}
to {
background: var(--color-raised);
}
}
.loader {
animation: spin linear infinite 2s forwards running;
display: flex;
justify-content: center;
align-items: center;
}
@keyframes spin {
from {
transform: rotateZ(0deg);
}
to {
transform: rotateZ(360deg);
}
}

5
crates/app/src/public/css/style.css
View file

@ -565,11 +565,9 @@ select:focus {
nav {
background: var(--color-primary);
color: var(--color-text-primary) !important;
color: inherit;
width: 100%;
display: flex;
justify-content: space-between;
color: var(--color-text);
position: sticky;
top: 0;
z-index: 6374;
@ -722,13 +720,12 @@ dialog {
position: fixed;
bottom: 0;
top: 0;
display: flex;
display: none;
background: var(--color-surface);
border: solid 1px var(--color-super-lowered) !important;
border-radius: var(--radius);
max-width: 100%;
border-style: none;
display: none;
margin: auto;
color: var(--color-text);
animation: popin ease-in-out 1 0.1s forwards running;