remoll/moll.re
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

working tailwind

Browse Source
This commit is contained in:
Remy Moll 2024-02-08 14:52:00 +01:00
parent adf5dde73c
commit d35c246d54
5 changed files with 70 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
frontend/Dockerfile
View File

@ -3,15 +3,17 @@ FROM docker.io/oven/bun as base
# install dependencies into temp directory # install dependencies into temp directory
FROM base AS install FROM base AS install
WORKDIR /modules WORKDIR /modules
COPY package.json bun.lockb /modules/ COPY package.json bun.lockb ./
COPY src ./src
RUN bun install --frozen-lockfile --production RUN bun install --frozen-lockfile --production
RUN bun run tailwind:build
# copy production dependencies and source code into final image # copy production dependencies and source code into final image
FROM base AS release FROM base AS release
WORKDIR /usr/src/app WORKDIR /usr/src/app
COPY --from=install /modules/node_modules node_modules COPY --from=install /modules/node_modules node_modules
COPY --from=install /modules/public public
COPY src . COPY src .
# run the app # run the app

BIN
frontend/bun.lockb
View File

Binary file not shown.

65
frontend/public/style.css
View File

@ -543,3 +543,68 @@ video {
--tw-backdrop-saturate: ; --tw-backdrop-saturate: ;
--tw-backdrop-sepia: ; --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));
}

2
frontend/src/layout.tsx
View File

@ -3,9 +3,7 @@ const HomeLayout = ({ children }: elements.Children) => `
<head> <head>
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<script src="https://unpkg.com/htmx.org@1.9.5"></script> <script src="https://unpkg.com/htmx.org@1.9.5"></script>
<script src="https://cdn.tailwindcss.com"></script>
<link href="/public/style.css" rel="stylesheet" type="text/css" /> <link href="/public/style.css" rel="stylesheet" type="text/css" />
// not working
<title>BETH STACK</title> <title>BETH STACK</title>
</head> </head>
<body class="h-screen w-screen flex flex-col gap-3 items-center justify-center"> <body class="h-screen w-screen flex flex-col gap-3 items-center justify-center">

2
frontend/tailwind.config.ts
View File

@ -1,7 +1,7 @@
import type { Config } from 'tailwindcss' import type { Config } from 'tailwindcss'
export default { export default {
content: [], content: ["./src/**/*.{html,tsx}"],
theme: { theme: {
extend: {}, extend: {},
}, },