granblue.team/hensei-web
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

tweak DetailRow min-width, fix DisclosureRow label wrapping

Browse source
This commit is contained in:
Justin Edmund 2025-12-03 20:52:09 -08:00
parent 8759afb83c
commit edbfd14843
2 changed files with 7 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
src/lib/components/sidebar/details/DetailRow.svelte
View file

@ -60,6 +60,7 @@
color: var(--text-primary, colors.$grey-10);
font-weight: typography.$medium;
text-align: right;
min-width: 180px;
}
}
</style>

10
src/lib/components/ui/DisclosureRow.svelte
View file

@ -59,9 +59,9 @@
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
padding: spacing.$unit spacing.$unit;
gap: spacing.$unit-2x;
margin: 0 calc(spacing.$unit * -1);
padding: spacing.$unit;
border-radius: layout.$item-corner;
font-size: typography.$font-regular;
min-height: calc(spacing.$unit * 5);
@ -87,14 +87,16 @@
.label-container {
display: flex;
flex-direction: column;
flex-shrink: 0;
margin-right: spacing.$unit-2x;
flex: 1;
min-width: 0;
gap: spacing.$unit-fourth;
}
.label {
font-weight: typography.$medium;
color: colors.$grey-30;
word-wrap: break-word;
overflow-wrap: break-word;
}
.sublabel {