a bit of styling

master
Josha von Gizycki 2 days ago
parent 7bc290a3ad
commit db065fafe2

@ -1,5 +1,6 @@
body { body {
margin: 0 5rem; margin: 0 5rem;
font-family: sans-serif;
a:link, a:visited { a:link, a:visited {
text-decoration: none; text-decoration: none;
@ -49,6 +50,14 @@ main {
border: 1px solid AccentColor; border: 1px solid AccentColor;
margin-bottom: 1rem; margin-bottom: 1rem;
} }
.low-key-hint {
color: #717171;
}
h2 .low-key-hint {
color: #858585;
}
} }
table { table {

@ -8,25 +8,24 @@
</head> </head>
<body> <body>
<main id="content" layout:fragment="content"> <main id="content" layout:fragment="content">
<a th:href="@{/}"> <h2>
Zur Liste <span class="low-key-hint">dokument:</span>
</a> <th:block th:text="${document.name}" />
</h2>
<h2 th:text="${document.name}"></h2>
<fieldset class="show__meta"> <fieldset class="show__meta">
<legend>meta</legend> <legend>meta</legend>
<span> <span>
id: <span class="low-key-hint">id:</span>
<th:block th:text="${document.id}"/> <th:block th:text="${document.id}"/>
</span> </span>
<span> <span>
erstellt: <span class="low-key-hint">erstellt:</span>
<th:block th:text="${#temporals.format(document.createdAt, 'yyyy-MM-dd HH:mm')}"/> <th:block th:text="${#temporals.format(document.createdAt, 'yyyy-MM-dd HH:mm')}"/>
</span> </span>
<span> <span>
aktualisiert: <span class="low-key-hint">aktualisiert:</span>
<th:block th:text="${#temporals.format(document.updatedAt, 'yyyy-MM-dd HH:mm')}"/> <th:block th:text="${#temporals.format(document.updatedAt, 'yyyy-MM-dd HH:mm')}"/>
</span> </span>
</fieldset> </fieldset>

Loading…
Cancel
Save