From d6627bcbce8707b678125d8cff754c641bd9d60f Mon Sep 17 00:00:00 2001 From: David Karlsson <35727626+dvdksn@users.noreply.github.com> Date: Sun, 28 Jan 2024 23:22:17 +0100 Subject: [PATCH] fix: use flexbox to simplify templates and fix overflow on mobile The grid col templates weren't working correctly, switched to flexbox to make it easier to understand and work better on smaller screens. Signed-off-by: David Karlsson <35727626+dvdksn@users.noreply.github.com> --- layouts/_default/baseof.html | 10 +++++----- tailwind.config.js | 4 ---- 2 files changed, 5 insertions(+), 9 deletions(-) diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html index a0af34fa7a..181426784e 100644 --- a/layouts/_default/baseof.html +++ b/layouts/_default/baseof.html @@ -5,19 +5,19 @@ {{ partial "head.html" . }} - + {{ partial "header.html" . }} -
+
-
+
{{ block "main" . }} {{ end }}
-
+
{{ block "right" . }} {{ end }}
diff --git a/tailwind.config.js b/tailwind.config.js index 1c9bcdc536..74cdd805b3 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -4,10 +4,6 @@ module.exports = { darkMode: "class", theme: { extend: { - gridTemplateColumns: { - "main": 'minmax(300px, 1fr) 840px minmax(300px, 1fr)', - "main-xl": '300px 840px minmax(0, 1fr)', - }, typography: (theme) => ({ DEFAULT: { css: {