Improve overall CMS styling: refined design tokens, improved card/button/input components, circular avatars on me page

This commit is contained in:
root
2026-06-26 19:38:06 +02:00
parent 0ac3a5ea21
commit 5bd7b2333f
18 changed files with 300 additions and 513 deletions
@@ -1,6 +1,9 @@
@props(['classes' => '', 'type' => 'submit'])
<button type="{{ $type }}"
class="{{ $classes }} w-full rounded p-2 border-2 transition ease-in-out duration-200 font-semibold" style="background-color: var(--button-color); color: var(--button-text-color); border-color: var(--button-color);">
class="{{ $classes }} w-full rounded-lg px-6 py-2.5 border-2 transition-all ease-in-out duration-200 font-semibold"
style="background-color: var(--button-color); color: var(--button-text-color); border-color: var(--button-color); border-radius: var(--border-radius); box-shadow: 0 1px 2px rgba(0,0,0,0.1);"
onmouseover="this.style.boxShadow='0 2px 8px rgba(0,0,0,0.15)'; this.style.transform='translateY(-1px)'"
onmouseout="this.style.boxShadow='0 1px 2px rgba(0,0,0,0.1)'; this.style.transform='translateY(0)'">
{{ $slot }}
</button>