gitbutlerapp/gitbutler
1
1
Fork 0
mirror of https://github.com/gitbutlerapp/gitbutler.git synced 2024-11-24 05:29:51 +03:00
Code Issues Packages Projects Releases Wiki Activity

Added transition to button

Browse Source 
Wer
This commit is contained in:
Ian Donahue 2023-03-28 12:32:25 +02:00
parent 0efc4c0c1c
commit 7a2a0adb73
1 changed files with 7 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/lib/components/Button.svelte
View File

@ -44,7 +44,7 @@ And the following optional props:
<style>
.base {
@apply flex items-center justify-center rounded text-base text-white ;
@apply flex items-center justify-center rounded text-base text-white transition ease-in-out;
}
.base:disabled {
@apply opacity-40;
@ -58,20 +58,24 @@ And the following optional props:
.primary-filled:hover {
border: 1px solid #1C48C9;
background: #1C48C9;
@apply transition ease-in-out;
}
.primary-nofill {
background: rgba(28, 72, 201, 0.0);
border: 1px solid #3662e3;
@apply transition ease-in-out;
}
.primary-nofill:hover {
background: rgba(28, 72, 201, 0.3);
border: 1px solid #3662e3;
@apply transition ease-in-out;
}
/* Default */
.default-filled {
border: 1px solid #71717a;
background: #71717a;
@apply transition ease-in-out;
}
.default-filled:hover {
@apply border-zinc-600 bg-zinc-600;
@ -79,10 +83,12 @@ And the following optional props:
.default-nofill {
background: rgba(113, 113, 122, 0.0);
border: 1px solid #71717a;
@apply transition ease-in-out;
}
.default-nofill:hover {
background: rgba(113, 113, 122, 0.4);
border: 1px solid #71717a;
@apply transition ease-in-out;
}
/* Size */