voussoir/etiquette
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Replace #theme_links with .link_group.

Browse source
This commit is contained in:
voussoir 2022-03-10 20:22:19 -08:00
parent d23976334c
commit b53bfc5014
No known key found for this signature in database
GPG key ID: 5F7554F8C26DACCB
1 changed files with 11 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
frontends/etiquette_flask/templates/root.html
View file

@ -21,31 +21,31 @@ body
margin: 0; margin: 0;
} }
body > #motd, body > #motd,
body > #theme_links, body > .link_group,
body > .nice_link body > .nice_link
{ {
width: 90%; width: 90%;
max-width: 600px; max-width: 600px;
} }
#theme_links .link_group
{ {
display: grid; display: grid;
grid-auto-flow: column; grid-auto-flow: column;
grid-auto-columns: 1fr; grid-auto-columns: 1fr;
grid-gap: 8px; grid-gap: 8px;
} }
.nice_link, .plain_link .nice_link
{ {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
margin: 8px 0; margin: 8px 0;
height: 40px;
background-color: var(--color_transparency);
} }
.nice_link .nice_link
{ {
height: 40px;
background-color: var(--color_transparency);
} }
.nice_link:hover .nice_link:hover
{ {
@ -77,12 +77,16 @@ body > .nice_link
{% else %} {% else %}
<a class="nice_link" href="/login">Log in</a> <a class="nice_link" href="/login">Log in</a>
{% endif %} {% endif %}
<div id="theme_links"> <div class="link_group">
<a class="nice_link" href="/?theme=turquoise">Turquoise</a> <a class="nice_link" href="/?theme=turquoise">Turquoise</a>
<a class="nice_link" href="/?theme=slate">Slate</a> <a class="nice_link" href="/?theme=slate">Slate</a>
<a class="nice_link" href="/?theme=pearl">Pearl</a> <a class="nice_link" href="/?theme=pearl">Pearl</a>
</div> </div>
<a class="plain_link" href="http://www.github.com/voussoir/etiquette">GitHub</a> <div class="link_group">
<a class="nice_link" href="https://www.github.com/voussoir/etiquette">GitHub</a>
<a class="nice_link" href="https://www.gitlab.com/voussoir/etiquette">GitLab</a>
<a class="nice_link" href="https://www.codeberg.org/voussoir/etiquette">Codeberg</a>
</div>
</body> </body>
<script type="text/javascript"> <script type="text/javascript">