einundzwanzig/einundzwanzig-app
1
0
Fork 0
mirror of https://github.com/HolgerHatGarKeineNode/einundzwanzig-app.git synced 2025-12-14 12:06:46 +00:00
Code Issues Packages Projects Releases Wiki Activity

⚙️ Refactor Vite config import and tidy Tailwind CSS setup

Browse Source 
✂️ Consolidate `defineConfig` import syntax
🎨 Replace hard‑coded zinc palette with neutral variables
🧹 Remove redundant @source imports and obsolete style rules
✨ Add Alpine.js `[x-cloak]` helper with responsive variants
🚫 Clean up unused base layer selectors and leaflet styles
This commit is contained in:
HolgerHatGarKeineNode
2025-12-09 21:43:59 +01:00
parent 9511bcdb11
commit b3ce0419f6
2 changed files with 33 additions and 61 deletions
Download Patch File Download Diff File Expand all files Collapse all files

88
resources/css/app.css
View File

@@ -1,33 +1,46 @@
@import 'tailwindcss'; @import 'tailwindcss';
@import '../../vendor/livewire/flux/dist/flux.css'; @import '../../vendor/livewire/flux/dist/flux.css';
@source '../views';
@source '../../vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php';
@source '../../vendor/livewire/flux-pro/stubs/**/*.blade.php';
@source '../../vendor/livewire/flux/stubs/**/*.blade.php';
@custom-variant dark (&:where(.dark, .dark *)); @custom-variant dark (&:where(.dark, .dark *));
@theme { @theme {
--font-sans: 'Inconsolata', monospace; --font-sans: 'Inconsolata', monospace;
--color-zinc-50: #fafafa; --color-zinc-50: var(--color-neutral-50);
--color-zinc-100: #f5f5f5; --color-zinc-100: var(--color-neutral-100);
--color-zinc-200: #e5e5e5; --color-zinc-200: var(--color-neutral-200);
--color-zinc-300: #d4d4d4; --color-zinc-300: var(--color-neutral-300);
--color-zinc-400: #a3a3a3; --color-zinc-400: var(--color-neutral-400);
--color-zinc-500: #737373; --color-zinc-500: var(--color-neutral-500);
--color-zinc-600: #525252; --color-zinc-600: var(--color-neutral-600);
--color-zinc-700: #404040; --color-zinc-700: var(--color-neutral-700);
--color-zinc-800: #262626; --color-zinc-800: var(--color-neutral-800);
--color-zinc-900: #171717; --color-zinc-900: var(--color-neutral-900);
--color-zinc-950: #0a0a0a; --color-zinc-950: var(--color-neutral-950);
}
@theme {
--color-accent: var(--color-neutral-800); --color-accent: var(--color-neutral-800);
--color-accent-content: var(--color-neutral-800); --color-accent-content: var(--color-neutral-800);
--color-accent-foreground: var(--color-white); --color-accent-foreground: var(--color-white);
} }
@source '../views';
@source '../../vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php';
@source '../../vendor/livewire/flux-pro/stubs/**/*.blade.php';
@source '../../vendor/livewire/flux/stubs/**/*.blade.php';
/* See Alpine.js: https://github.com/alpinejs/alpine#x-cloak */
[x-cloak=""] {
display: none;
}
@media screen and (max-width: theme(screens.lg)) {
[x-cloak="lg"] {
display: none;
}
}
@layer theme { @layer theme {
.dark { .dark {
--color-accent: var(--color-white); --color-accent: var(--color-white);
@@ -37,46 +50,7 @@
} }
@layer base { @layer base {
button {
*, @apply cursor-pointer;
::after,
::before,
::backdrop,
::file-selector-button {
border-color: var(--color-gray-200, currentColor);
} }
} }
[data-flux-field]:not(ui-radio, ui-checkbox) {
@apply grid gap-2;
}
[data-flux-label] {
@apply !mb-0 !leading-tight;
}
input:focus[data-flux-control],
textarea:focus[data-flux-control],
select:focus[data-flux-control] {
@apply outline-hidden ring-2 ring-accent ring-offset-2 ring-offset-accent-foreground;
}
/* \[:where(&)\]:size-4 {
@apply size-4;
} */
.leaflet-popup-content-wrapper {
background-color: #404040 !important;
}
.leaflet-control-zoom-in {
background-color: #404040 !important;
}
.leaflet-control-zoom-out {
background-color: #404040 !important;
}
.leaflet-container a {
color: unset!important;
}

4
vite.config.js
View File

@@ -1,6 +1,4 @@
import { import {defineConfig} from 'vite';
defineConfig
} from 'vite';
import laravel from 'laravel-vite-plugin'; import laravel from 'laravel-vite-plugin';
import tailwindcss from "@tailwindcss/vite"; import tailwindcss from "@tailwindcss/vite";