wingit — legit-feather-theme: 45366f225ef4695b5d10658f53a9db1c91124e5f

Repo index now uses flex rows instead of grid

FossilOrigin-Name: 4fc646d851cc3eab9c419d92ce559226e65c27e2a22557ee1dbe67112795f54b

wing

Sat, 16 Mar 2024 19:31:06 +0000

commit

45366f225ef4695b5d10658f53a9db1c91124e5f

parent

65d276772f1cb946df44bf79d463b48d1ba3a171

2 files changed, 7 insertions(+), 16 deletions(-)

jump to

static/style.css

templates/index.html

M static/style.css → static/style.css

@@ -106,9 +106,9 @@ }
 
 .index {
   padding-top: 2em;
-  display: grid;
-  grid-template-columns: 15em 1fr minmax(0, 8em);
-  grid-row-gap: 1em;
+  display: flex;
+  flex-wrap: wrap;
+  flex-direction: column;
   min-width: 0;
 }
 
@@ -282,22 +282,13 @@ font-size: 0.85rem;
 }
 
 @media (max-width: 600px) {
-  .index {
-    grid-row-gap: 0.8em;
-  }
-
   .log {
     grid-template-columns: 1fr;
     grid-row-gap: 0em;
   }
 
-  .index {
-    grid-template-columns: 1fr;
-    grid-row-gap: 0em;
-  }
-
   .index-name:not(:first-child) {
-    padding-top: 1.5rem;
+    padding-top: 2.5rem;
   }
 
   .commit-info:not(:last-child) {

M templates/index.html → templates/index.html

@@ -8,13 +8,13 @@ <h2>{{ .meta.Description }}</h2>
   </header>
   <body>
     <main>
-      <div class="index">
       {{ range .info }}
+      <div class="index">
        <div class="index-name"><a href="/{{ .Name }}">{{ .Name }}</a></div>
+       <div class="idle">{{ .Idle }}</div>
        <div class="desc">{{ .Desc }}</div>
-       <div>{{ .Idle }}</div>
+      </div>
       {{ end }}
-      </div>
     </main>
   </body>
 </html>