WIP grid buttons

This commit is contained in:
Niko Abeler 2024-01-23 19:17:04 +01:00
parent 94b6628411
commit c196a72d34
3 changed files with 25 additions and 4 deletions

View File

@ -10,9 +10,14 @@
<link rel="alternate" type="application/rss+xml" title="RSS" href="/index.xml"> <link rel="alternate" type="application/rss+xml" title="RSS" href="/index.xml">
<link rel='stylesheet' href='/static/pico.min.css'> <link rel='stylesheet' href='/static/pico.min.css'>
<link rel='stylesheet' href='/static/style.css'>
<style> <style>
:root {
--color-primary: {{.SiteConfig.HeaderColor}};
}
header { header {
background-color: {{.SiteConfig.HeaderColor}}; background-color: var(--color-primary);
padding-bottom: 1rem !important; padding-bottom: 1rem !important;
} }

View File

@ -3,11 +3,11 @@
{{define "main"}} {{define "main"}}
<h2>Write</h2> <h2>Write</h2>
<ul> <div class="action-tile-list">
{{range .Types}} {{range .Types}}
<li><a href="/editor/new/{{.}}/">{{.}}</a></li> <div class="action-tile"><a href="/editor/new/{{.}}/">{{.}}</a></div>
{{end}} {{end}}
</ul> </div>
<h2>Content</h2> <h2>Content</h2>
<ul> <ul>

16
web/static/style.css Normal file
View File

@ -0,0 +1,16 @@
.action-tile-list {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
}
.action-tile {
border: 1px solid var(--color-primary);
padding: 20px;
flex: 1 1 0px;
margin: 6px;
min-width: 20%;
text-align: center;
background: var(--color-primary);
border-radius: 4px;
}