style(revisions): minor spacing adjustments to file table

This commit is contained in:
Elian Doran 2026-01-02 18:44:06 +02:00
parent 2840ea0f38
commit 2b2ef4251f
No known key found for this signature in database
2 changed files with 18 additions and 9 deletions

View File

@ -14,7 +14,7 @@ body.mobile .revisions-dialog {
flex-grow: 1; flex-grow: 1;
width: 100%; width: 100%;
} }
.modal-body { .modal-body {
height: fit-content !important; height: fit-content !important;
flex-direction: column; flex-direction: column;
@ -24,7 +24,7 @@ body.mobile .revisions-dialog {
.modal-footer { .modal-footer {
font-size: 0.9em; font-size: 0.9em;
} }
.revision-list { .revision-list {
height: fit-content !important; height: fit-content !important;
max-height: 20vh; max-height: 20vh;
@ -32,7 +32,7 @@ body.mobile .revisions-dialog {
padding: 0 1em; padding: 0 1em;
flex-shrink: 0; flex-shrink: 0;
} }
.modal-body > .revision-content-wrapper { .modal-body > .revision-content-wrapper {
flex-grow: 1; flex-grow: 1;
max-width: unset !important; max-width: unset !important;
@ -40,24 +40,33 @@ body.mobile .revisions-dialog {
margin: 0; margin: 0;
display: block !important; display: block !important;
} }
.modal-body > .revision-content-wrapper > div:first-of-type { .modal-body > .revision-content-wrapper > div:first-of-type {
flex-direction: column; flex-direction: column;
} }
.revision-title { .revision-title {
font-size: 1rem; font-size: 1rem;
} }
.revision-title-buttons { .revision-title-buttons {
text-align: center; text-align: center;
display: flex; display: flex;
gap: 0.25em; gap: 0.25em;
flex-wrap: wrap; flex-wrap: wrap;
} }
.revision-content { .revision-content {
padding: 0.5em; padding: 0.5em;
height: fit-content; height: fit-content;
} }
} }
.revisions-dialog {
.file-preview-table {
th,
td {
padding: 0.25em 0;
}
}
}

View File

@ -359,7 +359,7 @@ function RevisionFooter({ note }: { note?: FNote }) {
function FilePreview({ revisionItem, fullRevision }: { revisionItem: RevisionItem, fullRevision: RevisionPojo }) { function FilePreview({ revisionItem, fullRevision }: { revisionItem: RevisionItem, fullRevision: RevisionPojo }) {
return ( return (
<table cellPadding="10"> <table className="file-preview-table">
<tbody> <tbody>
<tr> <tr>
<th>{t("revisions.mime")}</th> <th>{t("revisions.mime")}</th>