Improve overall CMS styling: refined design tokens, improved card/button/input components, circular avatars on me page
This commit is contained in:
1 parent
0ac3a5ea21
commit
5bd7b2333f
18 files changed
+300
-513
No files matched your search
@@ -1,7 +1,9 @@
|
||||
@props(['classes' => '', 'type' => 'submit'])
|
||||
|
||||
<button type="{{ $type }}"
|
||||
class="w-full rounded bg-[var(--button-color)]! text-[var(--button-text-color)]! border-2 border-[var(--button-color)]! transition! ease-in-out! duration-200! hover:opacity-90! font-semibold px-6! py-2! {{ $classes }}"
|
||||
style="border-radius: var(--border-radius)">
|
||||
class="w-full bg-[var(--button-color)]! text-[var(--button-text-color)]! border-2 border-[var(--button-color)]! transition-all! ease-in-out! duration-200! font-semibold px-6! py-2.5! {{ $classes }}"
|
||||
style="border-radius: var(--border-radius); box-shadow: var(--shadow-btn);"
|
||||
onmouseover="this.style.boxShadow='var(--shadow-btn-hover)'; this.style.transform='translateY(-1px)'"
|
||||
onmouseout="this.style.boxShadow='var(--shadow-btn)'; this.style.transform='translateY(0)'">
|
||||
{{ $slot }}
|
||||
</button>
|
||||
Reference in new issue
Block a user