forked from tangled.org/core
this repo has no description

appview: pages: fix misaligned padding and grid gaps in base layout

Signed-off-by: nelind <nel.n.lindberg@gmail.com>

Changed files
+5 -5
appview
pages
templates
layouts
+5 -5
appview/pages/templates/layouts/base.html
···
</head>
<body class="bg-slate-100 dark:bg-gray-900 dark:text-white transition-colors duration-200">
{{ block "topbarLayout" . }}
-
<div class="px-1 grid grid-cols-1 md:grid-cols-12">
+
<div class="px-1 grid grid-cols-1 md:grid-cols-12 gap-2">
<div class="{{ layoutSide }}">
{{ block "topbarLeft" . }} {{ end }}
</div>
···
<div class="flex flex-col min-h-screen">
{{ block "contentLayout" . }}
-
<div class="grid grid-cols-1 md:grid-cols-12 gap-2">
+
<div class="px-1 grid grid-cols-1 md:grid-cols-12 gap-2">
<div class="{{ layoutSide }}">
{{ block "contentLeft" . }} {{ end }}
</div>
-
<main class="px-1 {{ layoutCenter }}">
+
<main class="{{ layoutCenter }}">
{{ block "content" . }}{{ end }}
</main>
<div class="{{ layoutSide }}">
···
{{ end }}
{{ block "contentAfterLayout" . }}
-
<div class="grid grid-cols-1 md:grid-cols-12 gap-2">
+
<div class="px-1 grid grid-cols-1 md:grid-cols-12 gap-2">
<div class="{{ layoutSide }}">
{{ block "contentAfterLeft" . }} {{ end }}
</div>
···
</div>
{{ block "footerLayout" . }}
-
<div class="px-1 grid grid-cols-1 md:grid-cols-12">
+
<div class="px-1 grid grid-cols-1 md:grid-cols-12 gap-2">
<div class="{{ layoutSide }}">
{{ block "footerLeft" . }} {{ end }}
</div>