Tailwind Refactor

[Erik05Master]

Summary by CodeRabbit

• Neue Features

  • Tailwind wird jetzt als lokale, vorab kompilierte CSS-Datei geladen statt direkt per CDN.
  • Die Sprachkennung der Druckansicht passt sich nun an die aktuelle Sprache an.

• Verbesserungen

  • Einheitliche UI-Styles für Karten, Buttons, Badges, Navigation und Formulare wurden zentral bereitgestellt.
  • Die Dokumentation enthält nun klare Hinweise zum lokalen Tailwind-Build und zum aktuellen CSS-Workflow.

[coderabbitai]

Warning

Review limit reached

@Erik05Master, you've reached your PR review limit, so we couldn't start this review.

Next review available in: 51 minutes

Enable usage-based reviews in Billing to review now. Otherwise, wait until the next included review is available.
You're only billed for reviews past your plan's rate limits ($0.25/file).

How can I continue?

After more reviews become available, a review can be triggered using the @coderabbitai review command as a PR comment. Alternatively, push new commits to this PR.

To avoid repeated limits, reduce automatic review volume by pausing incremental auto-reviews earlier, using label-based review opt-in, excluding WIP or generated PR titles, or requesting reviews manually when the PR is ready. If your team needs uninterrupted high-volume reviews, an organization admin can enable usage-based reviews.

How do review limits work?

CodeRabbit enforces per-developer PR review limits for each organization. Most developers receive the normal plan review availability.

For paid Pro and Pro+ PR reviews, CodeRabbit uses adaptive limits for sustained high-volume activity. When a developer's recent PR review activity reaches the 95th percentile or higher among CodeRabbit users, additional reviews become available more gradually as earlier reviews age out of the rolling window.

Please refer docs for additional details.

Review details

⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro

Run ID: c0e7b42e-58a6-48b1-b4d8-c0c41501c5c9

📥 Commits

Reviewing files that changed from the base of the PR and between 9d63722 and d7c4733.

📒 Files selected for processing (1)

• CLAUDE.md

Walkthrough

Die PR führt eine lokale Tailwind-CSS-Build-Pipeline ein: Eine neue Source-Datei input.css mit Design-Tokens und Komponentenklassen wird zu einer kompilierten tailwind.css gebaut. Alle Templates verwenden statt des Tailwind-CDN-Skripts nun diesen lokalen Stylesheet-Link. Die Dokumentation beschreibt den entsprechenden Build-Workflow.

Changes

Tailwind Lokaler Build

Layer / File(s)	Summary
Tailwind-Source und kompiliertes CSS app/static/css/input.css, app/static/css/tailwind.css	Neue input.css definiert Design-Tokens per @theme, Basisregeln sowie Komponentenklassen (Cards, Buttons, Badges, Navigation) via @apply; tailwind.css enthält die daraus kompilierte, vollständige v4.3.2-Ausgabe mit properties/theme/base/components/utilities-Layern.
Templates auf lokales Stylesheet umstellen app/templates/base.html, app/templates/auth/login.html, app/templates/auth/setup.html, app/templates/inventory/spool_label.html	Alle vier Templates ersetzen das Tailwind-CDN-Script inkl. Inline-tailwind.config und Inline-<style>-Blöcke durch einen <link rel="stylesheet"> auf static/css/tailwind.css; spool_label.html setzt zusätzlich lang dynamisch über current_locale.
Build-Workflow dokumentieren CLAUDE.md	Beschreibt Tailwind-Rebuild-Befehle (input.css → tailwind.css, inkl. Watch-Modus) sowie den standalone Tailwind-CLI-Workflow ohne CDN/Node.js zur Laufzeit.

Estimated code review effort: 2 (Simple) | ~12 minutes

Poem

Kein CDN mehr, kein Skript im Flug,
Ein Häschen baut sein CSS genug. 🐇
input.css als Quelle rein,
tailwind.css liegt fertig, fein.
Klick, Link, geladen – husch, husch, hopp!

🚥 Pre-merge checks | ✅ 5

✅ Passed checks (5 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	Der Titel ist kurz und beschreibt den Kern der Änderungen: die Umstellung/Überarbeitung des Tailwind-Workflows und der Einbindung.
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.
Linked Issues check	✅ Passed	Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check	✅ Passed	Check skipped because no linked issues were found for this pull request.

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch tailwind-refactor

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands.}

[coderabbitai]

Actionable comments posted: 1

🤖 Prompt for all review comments with AI agents

Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

Inline comments:
In `@CLAUDE.md`:
- Around line 43-44: The repository documentation still describes Tailwind as
“CDN” in the stack summary, which conflicts with the local build setup now
documented in CLAUDE.md. Update the summary entry in CLAUDE.md to reflect the
current Tailwind workflow used by the full-page templates and the committed
build output, keeping the wording in English and consistent with the existing
Tailwind/CSS guidance in the same file.

🪄 Autofix (Beta)

Fix all unresolved CodeRabbit comments on this PR:

• Push a commit to this branch (recommended)
• Create a new PR with the fixes

---

ℹ️ Review info

⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro

Run ID: 595a2828-46ec-4e5d-8000-897a8657d1ee

📥 Commits

Reviewing files that changed from the base of the PR and between 333b176 and 9d63722.

📒 Files selected for processing (7)

• CLAUDE.md
• app/static/css/input.css
• app/static/css/tailwind.css
• app/templates/auth/login.html
• app/templates/auth/setup.html
• app/templates/base.html
• app/templates/inventory/spool_label.html