remco/Atomcms-edit
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files
resources/themes/atom/views/components/form/outline-button.blade.php
+4 -2
View File
@@ -1,7 +1,9 @@
@props(['classes' => '', 'type' => 'submit'])
<button type="{{ $type }}"
class="w-full rounded bg-transparent! hover:bg-[var(--button-outline-hover-color)]! text-[var(--button-outline-text-color)]! border-2 border-[var(--button-outline-color)]! transition! ease-in-out! duration-150! font-semibold px-6! py-2! {{ $classes }}"
style="border-radius: var(--border-radius)">
class="w-full bg-transparent! hover:bg-[var(--button-outline-hover-color)]! text-[var(--button-outline-text-color)]! border-2 border-[var(--button-outline-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>