refactor: rebuild some of the CSS

This commit is contained in:
DevMiner 2023-09-30 22:13:14 +02:00
parent 0df5843320
commit 3835f5d1cc
Signed by: DevMiner
GPG key ID: 251708456D625398

View file

@ -27,44 +27,50 @@
margin: 2rem;
}
body {
max-width: 768px;
margin: 0 auto;
}
ul {
margin-top: 1rem;
list-style: none;
}
ul > li > a {
padding: 1rem 1.5rem;
padding: 1.25rem 1.25rem;
display: block;
display: flex;
flex-direction: column;
gap: 0.5rem;
color: #ff00ff;
text-decoration: none;
border: #272727 1px solid;
border-radius: 0.5rem;
border-radius: 0.375rem;
transition: border 0.2s ease-in-out;
}
.chip {
margin-left: 0.5rem;
display: inline-block;
color: #eee;
}
.chip > span:first-child {
padding: 0.25rem 0.75rem;
padding: 0.125rem 0.5rem;
background-color: #353535;
border-radius: 0.5rem 0 0 0.5rem;
border-radius: 0.25rem 0 0 0.25rem;
}
.chip > span:last-child {
padding: 0.25rem 0.75rem;
padding: 0.125rem 0.5rem;
background-color: #222222;
border-radius: 0 0.5rem 0.5rem 0;
border-radius: 0 0.25rem 0.25rem 0;
}
ul > li > a:hover {
@ -79,9 +85,11 @@
<ul>
<li>
<a href="/certificates/root.crt" download>
Root CA / Wurzel-Zertifizierungsstelle
<span> Root CA / Wurzel-Zertifizierungsstelle </span>
<div class="chip"><span>Expiry</span><span>27.09.2033</span></div>
<div class="chip">
<span>Expiry date / Auslaufdatum</span><span>27.09.2033</span>
</div>
</a>
</li>
</ul>