mirror of
https://github.com/bewcloud/bewcloud.git
synced 2026-03-11 08:54:49 +00:00
c26cae625e
This implements a huge change, where Fresh is removed as a framework and serving files, allowing more control over importing, bundling, and serving files and components. The biggest challenge was to continue making sure that there weren't too many places to look into for import versions, and `PasswordlessPasskeyLogin.tsx` became a prototype in migrating a component to fully SSR, no need for frontend parsing (via Babel) or bundling (via a custom-script, downloading frontend dependencies from esm.sh). Still, there are too many components to migrate like that, and it's all working, so I likely won't even attempt it unless there's some bug, new feature, or security vulnerability to address that warrants a rewrite of those. This also updates all dependencies (except `@libs/xml` because that still causes some breaking in DAV endpoints), including Deno! All other advantages can be seen in the related issues, and the breaking change this (v4.0.0) introduces is related simply to `config.email.tlsMode` (which had a deprecation warning throughout v3), and because, while I tested many things exhaustively, it's not impossible something broke that I didn't see. Closes #141 Closes #132
74 lines
1.8 KiB
CSS
74 lines
1.8 KiB
CSS
@import 'tailwindcss';
|
|
|
|
@layer base {
|
|
html {
|
|
/* This is needed to ensure that the system color scheme is dark and matches the dark theme of the app */
|
|
color-scheme: dark;
|
|
}
|
|
|
|
h1 {
|
|
@apply text-4xl font-bold;
|
|
}
|
|
|
|
a {
|
|
@apply text-[#51a4fb] no-underline hover:underline font-semibold cursor-pointer;
|
|
}
|
|
|
|
main {
|
|
@apply mx-auto max-w-7xl py-6 sm:px-6 lg:px-8 text-white;
|
|
}
|
|
|
|
form {
|
|
@apply px-4 py-8 max-w-3xl mx-auto lg:min-w-96;
|
|
}
|
|
|
|
button {
|
|
@apply cursor-pointer;
|
|
}
|
|
}
|
|
|
|
@layer components {
|
|
.button {
|
|
@apply inline-block rounded text-white no-underline font-normal bg-[#51a4fb] hover:bg-sky-400 hover:shadow-sm
|
|
hover:no-underline px-4 py-2 cursor-pointer;
|
|
}
|
|
|
|
.button-secondary {
|
|
@apply inline-block rounded text-white no-underline font-normal bg-slate-600 hover:text-slate-900 hover:bg-slate-400
|
|
hover:shadow-sm hover:no-underline px-4 py-2 cursor-pointer;
|
|
}
|
|
|
|
.button-danger {
|
|
@apply inline-block rounded text-slate-50 no-underline font-normal bg-red-600 hover:text-slate-900 hover:bg-red-400
|
|
hover:shadow-md hover:no-underline px-4 py-2 cursor-pointer;
|
|
}
|
|
|
|
.input-field {
|
|
@apply block w-full p-2 rounded-md text-white bg-slate-700 border-transparent border focus:border-[#51a4fb]
|
|
focus:bg-slate-700 outline-none focus:ring-0 shadow-sm;
|
|
}
|
|
|
|
.input-field[type='range'] {
|
|
@apply w-auto;
|
|
}
|
|
|
|
.input-field:required:invalid:not(:placeholder-shown) {
|
|
@apply bg-red-400;
|
|
}
|
|
|
|
.notification-error {
|
|
@apply bg-red-700 rounded text-white px-6 py-8 shadow-md mt-2 mb-6 w-full hover:shadow-lg;
|
|
}
|
|
|
|
.notification-error h3 {
|
|
@apply text-4xl text-white mb-6;
|
|
}
|
|
|
|
.notification-success {
|
|
@apply bg-green-600 rounded text-white px-6 py-8 shadow-md mt-2 mb-6 w-full hover:shadow-lg;
|
|
}
|
|
|
|
.notification-success h3 {
|
|
@apply text-4xl text-white mb-6;
|
|
}
|
|
}
|