From 0096d4007ec283ad0add4525b5b2982d84f2b52a Mon Sep 17 00:00:00 2001 From: Kentai Radiquum Date: Sat, 22 Feb 2025 01:06:24 +0500 Subject: [PATCH] feat/generator: add footer --- generate/build.tsx | 2 -- generate/static/css/tailwind.css | 21 +++++++++++++++++++++ generate/templates/Base.tsx | 9 +++++++-- generate/templates/Footer.tsx | 12 ++++++++++++ generate/templates/Header.tsx | 6 ++++-- generate/templates/Tags.tsx | 2 +- 6 files changed, 45 insertions(+), 7 deletions(-) create mode 100644 generate/templates/Footer.tsx diff --git a/generate/build.tsx b/generate/build.tsx index b938b45..30dda74 100644 --- a/generate/build.tsx +++ b/generate/build.tsx @@ -6,7 +6,6 @@ import { renderToString } from "react-dom/server"; import fs from "fs"; import exec from "child_process"; import Base from "./templates/Base"; -import Header from "./templates/Header"; import YearPhotos from "./templates/YearPhotos"; import Tags from "./templates/Tags"; @@ -123,7 +122,6 @@ Object.keys(items).forEach((year) => { const html = renderToString( -
{Object.keys(items).sort().reverse().map((year) => ( diff --git a/generate/static/css/tailwind.css b/generate/static/css/tailwind.css index a812576..0a9178f 100644 --- a/generate/static/css/tailwind.css +++ b/generate/static/css/tailwind.css @@ -563,6 +563,9 @@ .mx-auto { margin-inline: auto; } + .mt-2 { + margin-top: calc(var(--spacing) * 2); + } .mb-4 { margin-bottom: calc(var(--spacing) * 4); } @@ -620,6 +623,9 @@ .w-16 { width: calc(var(--spacing) * 16); } + .w-24 { + width: calc(var(--spacing) * 24); + } .w-full { width: 100%; } @@ -647,6 +653,9 @@ .items-center { align-items: center; } + .justify-between { + justify-content: space-between; + } .gap-1 { gap: calc(var(--spacing) * 1); } @@ -668,6 +677,10 @@ .rounded-sm { border-radius: var(--radius-sm); } + .rounded-t-lg { + border-top-left-radius: var(--radius-lg); + border-top-right-radius: var(--radius-lg); + } .rounded-b-lg { border-bottom-right-radius: var(--radius-lg); border-bottom-left-radius: var(--radius-lg); @@ -679,6 +692,9 @@ .bg-\[\#121B2C\] { background-color: #121B2C; } + .bg-\[\#262626\] { + background-color: #262626; + } .bg-\[\#FF478B\] { background-color: #FF478B; } @@ -788,6 +804,11 @@ align-items: center; } } + .md\:justify-between { + @media (width >= 48rem) { + justify-content: space-between; + } + } .md\:gap-2 { @media (width >= 48rem) { gap: calc(var(--spacing) * 2); diff --git a/generate/templates/Base.tsx b/generate/templates/Base.tsx index d473d26..2dceb81 100644 --- a/generate/templates/Base.tsx +++ b/generate/templates/Base.tsx @@ -1,3 +1,6 @@ +import Footer from "./Footer"; +import Header from "./Header"; + interface BaseProps { children: React.ReactNode; isDev?: boolean; @@ -10,7 +13,7 @@ export default function Base({ children, isDev }: BaseProps) { Radiquum/Photos - + {isDev ? : ""} @@ -40,8 +43,10 @@ export default function Base({ children, isDev }: BaseProps) { +
{children} -