thePR0M3TH3AN/bitvid
1
0 Fork 0
mirror of https://github.com/PR0M3TH3AN/bitvid.git synced 2026-10-29 00:42:30 +00:00
Code Issues Packages Projects Releases Wiki Activity

Expand profile modal full-height scaling

Browse Source
This commit is contained in:
thePR0M3TH3AN committed 2025-10-19 21:30:12 -04:00
1 parent 4f1c610d80
commit a4377d6f70
3 files changed
+30 -7
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

css/tailwind.source.css
+27 -6
View File
@@ -1532,13 +1532,30 @@
display: flex;
flex-direction: column;
inline-size: 100%;
max-block-size: var(--modal-shell-max-height);
block-size: 100%;
min-block-size: 100%;
max-block-size: none;
overflow: hidden;
--profile-modal-gap: calc(var(--space-lg) - var(--space-xs));
--profile-modal-padding-inline: calc(var(--space-lg) - var(--space-xs));
--profile-modal-padding-block-start: var(--space-md);
--profile-modal-padding-block-end: calc(var(--space-lg) - var(--space-xs));
--profile-modal-nav-gap: var(--space-xs);
--profile-modal-scale: 0.9;
--profile-modal-gap:
calc((var(--space-lg) - var(--space-xs)) * var(--profile-modal-scale));
--profile-modal-padding-inline:
calc((var(--space-lg) - var(--space-xs)) * var(--profile-modal-scale));
--profile-modal-padding-block-start:
calc(var(--space-md) * var(--profile-modal-scale));
--profile-modal-padding-block-end:
calc((var(--space-lg) - var(--space-xs)) * var(--profile-modal-scale));
--profile-modal-nav-gap: calc(var(--space-xs) * var(--profile-modal-scale));
}
.profile-modal__content {
display: flex;
flex: 1 1 auto;
flex-direction: column;
block-size: 100%;
min-block-size: 0;
transform: scale(var(--profile-modal-scale));
transform-origin: top center;
}
.profile-modal__body {
@@ -1639,6 +1656,10 @@
}
@media (min-width: theme("screens.lg")) {
.profile-modal {
max-block-size: var(--modal-shell-max-height);
}
.profile-modal__body {
gap: calc(var(--profile-modal-gap) + var(--space-2xs));
padding-inline: calc(var(--profile-modal-padding-inline) + var(--space-xs));