From d35c246d548b5712f1034a2eae6b1010e244d15c Mon Sep 17 00:00:00 2001 From: Remy Moll Date: Thu, 8 Feb 2024 14:52:00 +0100 Subject: [PATCH] working tailwind --- frontend/Dockerfile | 6 ++-- frontend/bun.lockb | Bin 51935 -> 51935 bytes frontend/public/style.css | 65 ++++++++++++++++++++++++++++++++++++ frontend/src/layout.tsx | 2 -- frontend/tailwind.config.ts | 2 +- 5 files changed, 70 insertions(+), 5 deletions(-) diff --git a/frontend/Dockerfile b/frontend/Dockerfile index 5a2396c..c297f79 100644 --- a/frontend/Dockerfile +++ b/frontend/Dockerfile @@ -3,15 +3,17 @@ FROM docker.io/oven/bun as base # install dependencies into temp directory FROM base AS install WORKDIR /modules -COPY package.json bun.lockb /modules/ +COPY package.json bun.lockb ./ +COPY src ./src RUN bun install --frozen-lockfile --production - +RUN bun run tailwind:build # copy production dependencies and source code into final image FROM base AS release WORKDIR /usr/src/app COPY --from=install /modules/node_modules node_modules +COPY --from=install /modules/public public COPY src . # run the app diff --git a/frontend/bun.lockb b/frontend/bun.lockb index 1edd4ed8631144a5af807cec661e3e703fbd9595..69d339643843155041a38ba977a9de580a9db978 100755 GIT binary patch delta 22 ecmcaVmHGZu<_*vL*%{*u^eprYH^1xuXaxXrVF}9s delta 22 acmcaVmHGZu<_*vL*_jx?VDr2Fk5&L?y$E># diff --git a/frontend/public/style.css b/frontend/public/style.css index e6cf235..68c2624 100644 --- a/frontend/public/style.css +++ b/frontend/public/style.css @@ -543,3 +543,68 @@ video { --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; } + +.mb-5 { + margin-bottom: 1.25rem; +} + +.flex { + display: flex; +} + +.h-screen { + height: 100vh; +} + +.w-screen { + width: 100vw; +} + +.flex-col { + flex-direction: column; +} + +.items-center { + align-items: center; +} + +.justify-center { + justify-content: center; +} + +.gap-2 { + gap: 0.5rem; +} + +.gap-3 { + gap: 0.75rem; +} + +.text-xl { + font-size: 1.25rem; + line-height: 1.75rem; +} + +.font-semibold { + font-weight: 600; +} + +.text-lime-500 { + --tw-text-opacity: 1; + color: rgb(132 204 22 / var(--tw-text-opacity)); +} + +.text-neutral-500 { + --tw-text-opacity: 1; + color: rgb(115 115 115 / var(--tw-text-opacity)); +} + +.text-sky-500 { + --tw-text-opacity: 1; + color: rgb(14 165 233 / var(--tw-text-opacity)); +} + +.text-violet-500 { + --tw-text-opacity: 1; + color: rgb(139 92 246 / var(--tw-text-opacity)); +} diff --git a/frontend/src/layout.tsx b/frontend/src/layout.tsx index 92c751f..76d4023 100644 --- a/frontend/src/layout.tsx +++ b/frontend/src/layout.tsx @@ -3,9 +3,7 @@ const HomeLayout = ({ children }: elements.Children) => ` - - // not working BETH STACK diff --git a/frontend/tailwind.config.ts b/frontend/tailwind.config.ts index 7f55c7b..d07cfcc 100644 --- a/frontend/tailwind.config.ts +++ b/frontend/tailwind.config.ts @@ -1,7 +1,7 @@ import type { Config } from 'tailwindcss' export default { - content: [], + content: ["./src/**/*.{html,tsx}"], theme: { extend: {}, },