avior/template-desktop
1
0
Fork 0
generated from avior/template-web-astro
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

change some defaults

Browse Source
This commit is contained in:
Florian Bouillon
2025-04-22 13:43:33 +02:00
parent de3a4fb281
commit ac0977b84b
28 changed files with 1465 additions and 8922 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/components/global/Button/Linux.astro
View File

@ -24,20 +24,6 @@ const classes = [
<style>
.button {
@apply px-4 py-2 rounded-md bg-gray-200 text-gray-900 shadow-sm border border-gray-300 hover:bg-gray-300 active:bg-gray-400 transition duration-150;
font-weight: 500;
font-family: system-ui, sans-serif;
}
.button.outline {
@apply px-4 py-2 rounded-md border border-gray-500 text-gray-800 bg-transparent hover:bg-gray-100 active:bg-gray-200 transition duration-150;
font-weight: 500;
font-family: system-ui, sans-serif;
}
.button.ghost {
@apply px-4 py-2 rounded-md text-gray-700 hover:bg-gray-100 active:bg-gray-200 transition duration-150;
background-color: transparent;
border: none;
font-weight: 500;
font-family: system-ui, sans-serif;
@apply bg-gray-100 text-gray-900 font-medium border border-gray-300 rounded-md px-4 py-2 shadow-sm hover:bg-gray-200 focus:outline-none focus:ring-2 focus:ring-blue-500 disabled:opacity-50 disabled:pointer-events-none;
}
</style>

10
src/components/global/Button/Windows.astro
View File

@ -23,15 +23,11 @@ const classes = [
)}
<style>
.button {
@apply px-4 py-2 rounded-xl bg-white/60 text-gray-900 shadow-md backdrop-blur border border-gray-300 hover:bg-white/80 hover:shadow-lg active:bg-white/90 transition duration-150;
font-weight: 500;
font-family: system-ui, sans-serif;
.button:not(.outline) {
@apply px-4 py-2 rounded-xl bg-blue-600 hover:bg-blue-700 active:bg-blue-800 text-white shadow-md transition-all duration-150 focus:outline-none focus:ring-2 focus:ring-blue-400 focus:ring-offset-2;
}
.button.outline {
@apply px-4 py-2 rounded-xl border border-blue-500 text-blue-600 bg-transparent hover:bg-blue-50 active:bg-blue-100 transition duration-150;
font-weight: 500;
font-family: system-ui, sans-serif;
@apply px-4 py-2 rounded-xl border border-blue-600 text-blue-600 hover:bg-blue-50 active:bg-blue-100 shadow-sm transition-all duration-150 focus:outline-none focus:ring-2 focus:ring-blue-400 focus:ring-offset-2;
}
.button.ghost {
@apply px-4 py-2 rounded-xl text-gray-700 hover:bg-gray-100 active:bg-gray-200 transition duration-150;