Dockery/Trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2026-05-06 18:36:39 +02:00
Code Issues Packages Projects Releases Activity

style/about dialog: refactor

Browse Source
This commit is contained in:
Adorian Doran
2026-04-18 09:49:05 +03:00
parent 28b1eb71ba
commit d240fb32bb
2 changed files with 31 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
apps/client/src/widgets/dialogs/about.css
View File

@@ -173,10 +173,12 @@
/* TODO: move to global styles */
.property-sheet-table {
display: table;
border-spacing: 0 2px;
border-collapse: separate;
tr {
dl {
display: table-row;
--_br: 8px;
background: var(--card-background-color);
@@ -190,17 +192,18 @@
}
}
td {
dt, dd {
display: table-cell;
padding: 10px 16px;
vertical-align: top;
}
&:first-child {
white-space: nowrap;
color: var(--muted-text-color);
}
dt {
white-space: nowrap;
color: var(--muted-text-color);
}
&:last-child {
width: 100%;
}
dl {
width: 100%;
}
}

38
apps/client/src/widgets/dialogs/about.tsx
View File

@@ -79,10 +79,10 @@ export default function AboutDialog() {
triliumnotes.org
</a>
<table className="property-sheet-table">
<tr>
<td>{t("about.version_label")}</td>
<td className="selectable-text">
<div className="property-sheet-table">
<dl>
<dt>{t("about.version_label")}</dt>
<dd className="selectable-text">
{t("about.version", {
appVersion: appInfo?.appVersion,
dbVersion: appInfo?.dbVersion,
@@ -99,27 +99,27 @@ export default function AboutDialog() {
}}
/>
</div>
</td>
</tr>
<tr>
<td>{t("about.contributors_label")}</td>
<td className="contributor-list use-tn-links">
</dd>
</dl>
<dl>
<dt>{t("about.contributors_label")}</dt>
<dd className="contributor-list use-tn-links">
<CachedContributors />
<a href="https://github.com/TriliumNext/Trilium/graphs/contributors" target="_blank">
{t("about.contributor_full_list")}
</a>
</td>
</tr>
<tr>
<td>{t("about.data_directory")}</td>
<td className="selectable-text" style={{wordBreak: "break-all"}}>
</dd>
</dl>
<dl>
<dt>{t("about.data_directory")}</dt>
<dd className="selectable-text" style={{wordBreak: "break-all"}}>
{appInfo?.dataDirectory && (<DirectoryLink directory={appInfo.dataDirectory} />)}
</td>
</tr>
</table>
</dd>
</dl>
</div>
</div>
<footer>