diff --git a/apps/client/src/widgets/dialogs/about.css b/apps/client/src/widgets/dialogs/about.css index c761432aa6..cf9ac12b68 100644 --- a/apps/client/src/widgets/dialogs/about.css +++ b/apps/client/src/widgets/dialogs/about.css @@ -1,4 +1,6 @@ .about-dialog { + --bs-modal-width: 650px; + h2 { all: unset; font-size: 2em; @@ -12,17 +14,10 @@ align-items: center; } - .property-sheet-card { + .property-sheet-table { margin-block: 30px; font-size: .85em; - - .tn-card-section { - display: flex; - - > :first-child { - width: 100px; - } - } + margin-inline: 20px; } .build-info { @@ -68,4 +63,38 @@ } } } +} + +/* TODO: move to global styles */ +.property-sheet-table { + border-spacing: 0 2px; + border-collapse: separate; + + tr { + --_br: 8px; + + background: var(--card-background-color); + + &:first-child { + clip-path: inset(0 round var(--_br) var(--_br) 0 0); + } + + &:last-child { + clip-path: inset(0 round 0 0 var(--_br) var(--_br)); + } + } + + td { + padding: 8px 16px; + vertical-align: top; + + &:first-child { + white-space: nowrap; + color: var(--muted-text-color); + } + + &:last-child { + width: 100%; + } + } } \ No newline at end of file diff --git a/apps/client/src/widgets/dialogs/about.tsx b/apps/client/src/widgets/dialogs/about.tsx index 731707b73d..ea13ec8b74 100644 --- a/apps/client/src/widgets/dialogs/about.tsx +++ b/apps/client/src/widgets/dialogs/about.tsx @@ -49,10 +49,10 @@ export default function AboutDialog() { triliumnotes.org - - -
{t("about.version_label")}
-
+ + + + + - -
{t("about.contributors_label")}
-
+
+ + + - -
{t("about.data_directory")}
-
+
+ + + +
{t("about.version_label")} {t("about.version", { appVersion: appInfo?.appVersion, dbVersion: appInfo?.dbVersion, @@ -69,26 +69,26 @@ export default function AboutDialog() { }} /> - - +
{t("about.contributors_label")} {t("about.contributor_full_list")} - - +
{t("about.data_directory")} {appInfo?.dataDirectory && ()} - - - +