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/dusk/views/components/form/outline-button.blade.php
+4 -1
View File
@@ -1,6 +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 }}">
class="w-full rounded-lg 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: 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>