diff options
| author |  Anirudh Oppiliappan <x@icyphox.sh> | 2022-12-18 20:07:27 +0530 |
|---|---|---|
| committer | Anirudh Oppiliappan <x@icyphox.sh> | 2022-12-18 20:07:27 +0530 |
| commit | 0e6eaa211357cd5b9de1762b1cb49e47d35580dc (patch) | |
| tree | 31baa8bafaa80872758207b8c95ee2d1b2972ad5 | |
| parent | d0d636aa89bf194185abf01e05b190386d0e8b23 (diff) | |
| download | legit-0e6eaa211357cd5b9de1762b1cb49e47d35580dc.tar.gz legit-0e6eaa211357cd5b9de1762b1cb49e47d35580dc.tar.bz2 legit-0e6eaa211357cd5b9de1762b1cb49e47d35580dc.zip | |
css: single column index on small screens
| -rw-r--r-- | static/style.css | 21 | ||||
| -rw-r--r-- | templates/index.html | 7 |
2 files changed, 13 insertions, 15 deletions
diff --git a/static/style.css b/static/style.css index fc9d723..71e9b22 100644 --- a/static/style.css +++ b/static/style.css @@ -41,7 +41,7 @@ main, footer { line-height: 160%; } -main h1, h2, h3, .small-heading { +main h1, h2, h3, strong { font-family: var(--display-font); font-weight: 500; } @@ -97,26 +97,20 @@ a:hover { } .index { + padding-top: 2em; display: grid; grid-template-columns: 6em 1fr minmax(0, 7em); grid-row-gap: 0.5em; min-width: 0; } -.index-headings { - display: grid; - grid-template-columns: 6em 1fr minmax(0, 7em); - padding-bottom: 1.2em; - padding-top: 1.2em; - min-width: 0; -} - .clone-url { padding-top: 2rem; } .clone-url pre { color: var(--dark); + white-space: pre-wrap; } .desc { @@ -252,6 +246,15 @@ a:hover { grid-row-gap: 0em; } + .index { + grid-template-columns: 1fr; + grid-row-gap: 0em; + } + + .index-name:not(:first-child) { + padding-top: 1.5rem; + } + .commit-info:not(:last-child) { padding-bottom: 1.5rem; } diff --git a/templates/index.html b/templates/index.html index 1ed1ac2..8bff3d7 100644 --- a/templates/index.html +++ b/templates/index.html @@ -12,14 +12,9 @@ </header> <body> <main> - <div class="index-headings small-heading"> - <div>repository</div> - <div>description</div> - <div>idle</div> - </div> <div class="index"> {{ range .info }} - <div><a href="/{{ .Name }}">{{ .Name }}</a></div> + <div class="index-name"><a href="/{{ .Name }}">{{ .Name }}</a></div> <div class="desc">{{ .Desc }}</div> <div>{{ .Idle }}</div> {{ end }} |