brooke/mirnet.org
1
0
Fork 0
Code Activity Actions

set max widtih to the entire container

Browse source
This commit is contained in:
brooke 2024-09-12 14:19:05 -04:00
parent b32a0e3d32
commit ca7a86a1ff
4 changed files with 11 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
themes/mir/layouts/_default/baseof.html
View file

@ -2,12 +2,14 @@
<html lang="en"> <html lang="en">
{{ partial "head.html" . }} {{ partial "head.html" . }}
<body class="bg-white text-[#192252] flex flex-col"> <body class="bg-white text-[#192252] flex flex-col justify-center items-center">
{{ partial "nav.html" . }} <section class="max-w-[1000px]">
<section class="min-h-[1000px]"> {{ partial "nav.html" . }}
{{ block "main" . }}{{ end }} <section class="min-h-[1000px]">
</section> {{ partial {{ block "main" . }}{{ end }}
"footer.html" . }} </section> {{ partial
"footer.html" . }}
</section>
</body> </body>
</html> </html>

2
themes/mir/layouts/partials/header.html
View file

@ -1,4 +1,4 @@
<section class="flex py-24 px-5 gap-4 flex-col md:flex-row max-w-[1000px] mx-auto container "> <section class="flex py-24 px-5 gap-4 flex-col md:flex-row mx-auto container ">
<div class="w-full relative inline-block"> <div class="w-full relative inline-block">
<img src="{{ .Params.headerImg }}" alt="Header Image" class="rounded-lg" /> <img src="{{ .Params.headerImg }}" alt="Header Image" class="rounded-lg" />
<div class="absolute inset-0 bg-white opacity-20 rounded-lg pointer-events-none"></div> <div class="absolute inset-0 bg-white opacity-20 rounded-lg pointer-events-none"></div>

2
themes/mir/layouts/partials/list.html
View file

@ -1,5 +1,5 @@
{{ with .Site.GetPage "_index.md" }} {{ with .Site.GetPage "_index.md" }}
<div class="gap-8 flex flex-col container mx-auto p-6 max-w-[1000px] my-16"> <div class="gap-8 flex flex-col container mx-auto p-6 my-16">
<strong class="text-3xl text-left font-bold">What we do</strong> <strong class="text-3xl text-left font-bold">What we do</strong>
<div class="flex flex-wrap justify-center gap-8"> <div class="flex flex-wrap justify-center gap-8">

2
themes/mir/layouts/partials/quote.html
View file

@ -1,4 +1,4 @@
<section class="relative text-gray-600 w-full max-w-[1000px] mx-auto"> <section class="relative text-gray-600 w-full mx-auto">
<div class="absolute inset-0 -z-10 h-16 translate-y-10 rotate-[-5deg] rounded-lg bg-[#f1f5fc]"> <div class="absolute inset-0 -z-10 h-16 translate-y-10 rotate-[-5deg] rounded-lg bg-[#f1f5fc]">
<div class="h-full"></div> <div class="h-full"></div>
</div> </div>