notfire/Iceshrimp.NET
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

[frontend/components] ProfileView style meta-fields

Browse source
This commit is contained in:
AntoineÐ 2025-02-23 20:19:45 +01:00
parent 5a54da365c
commit af2cef086c
1 changed files with 13 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
Iceshrimp.Frontend/Components/ProfileInfo.razor.css
View file

@ -6,8 +6,11 @@
word-break: break-word; word-break: break-word;
} }
.fields,
.data { .data {
margin: 1rem 0; margin: 1rem 0;
background-color: var(--background-color);
border-radius: 8px;
} }
.metadata { .metadata {
@ -22,6 +25,8 @@
display: flex; display: flex;
column-gap: 0.5rem; column-gap: 0.5rem;
margin: 0.2rem 0; margin: 0.2rem 0;
padding: 11px 16px;
border-bottom: solid 2px var(--foreground-color);
.field-name { .field-name {
font-weight: 600; font-weight: 600;
@ -46,6 +51,7 @@
.section { .section {
text-align: center; text-align: center;
.field-data { .field-data {
font-weight: 600; font-weight: 600;
} }
@ -73,6 +79,7 @@
} }
::deep { ::deep {
/* For some reason ph-lock aligns differently than the other icons. This fixes that */ /* For some reason ph-lock aligns differently than the other icons. This fixes that */
.badge .ph-lock { .badge .ph-lock {
vertical-align: middle; vertical-align: middle;
@ -93,7 +100,7 @@
} }
::deep { ::deep {
.field + .field { .field+.field {
margin-top: 0.5rem; margin-top: 0.5rem;
} }
} }