meowing.zip / iceshrimp.net
a fork of iceshrimp.net but a tweaked frontend to my personal liking. waow
fediverse social-media social iceshrimp fedi
0
fork

Configure Feed

Select the types of activity you want to include in your feed.

[frontend/components] Add LabeledRuler

authored by

pancakes and committed by
Iceshrimp development 11bcb753 118ca5de

+25
+9
Iceshrimp.Frontend/Components/LabeledRuler.razor
··· 1 + <span class="labeled-ruler"> 2 + <span class="rule"></span> 3 + <span class="label">@Label</span> 4 + <span class="rule"></span> 5 + </span> 6 + 7 + @code { 8 + [Parameter, EditorRequired] public required string Label { get; set; } 9 + }
+16
Iceshrimp.Frontend/Components/LabeledRuler.razor.css
··· 1 + .labeled-ruler { 2 + display: flex; 3 + flex-direction: row; 4 + align-items: center; 5 + justify-content: center; 6 + gap: 0.5rem; 7 + } 8 + 9 + .labeled-ruler .label { 10 + flex-shrink: 0; 11 + } 12 + 13 + .labeled-ruler .rule { 14 + flex-grow: 1; 15 + border: 1px solid var(--highlight-color); 16 + }