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); color: var(--text-primary, colors.$grey-10);
font-weight: typography.$medium; font-weight: typography.$medium;
text-align: right; text-align: right;
min-width: 180px;
} }
} }
</style> </style>

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

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