Repos / pytaku / e920e1798d
commit e920e1798d3844c55d9b3d836439945f29037d2d
Author: Bùi Thành Nhân <hi@imnhan.com>
Date: Sat Aug 1 19:51:33 2020 +0700
simpler flexbox-based navbar
(that's now also "responsive")
diff --git a/src/pytaku/static/base.css b/src/pytaku/static/base.css
index bc1863a..e4558ac 100644
--- a/src/pytaku/static/base.css
+++ b/src/pytaku/static/base.css
@@ -87,14 +87,13 @@ .button > img {
/* Grid layout */
nav {
- display: grid;
- grid-gap: 0.5rem;
- grid-template-areas: "logo search links";
+ display: flex;
+ gap: 1rem;
+ flex-wrap: wrap;
padding: var(--body-padding);
}
.logo {
- grid-area: logo;
width: 150px;
}
.logo img {
@@ -103,12 +102,11 @@ .logo img {
}
.search {
- grid-area: search;
display: flex;
}
.links {
- grid-area: links;
+ margin-left: auto; /* to pull to the right */
display: inline-flex;
gap: 1rem;
justify-content: center;