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

wer

Browse Source 
wrer
This commit is contained in:
Ian Donahue 2023-03-28 12:18:30 +02:00
parent ac66e946f2
commit 0efc4c0c1c
1 changed files with 36 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,6 +1,6 @@
<script lang="ts">
export let primary = false;
export let filled = false;
export let filled = true;
export let small = false;
export let label: string;
</script>
@ -39,37 +39,58 @@ And the following optional props:
type="button"
on:click
>
<span class="overflow-hidden text-ellipsis">{label}</span>
{label}
</button>
<style>
.base {
@apply flex items-center justify-center rounded text-base text-white;
}
.base:hover {
/* @apply bg-gray-100; */
@apply flex items-center justify-center rounded text-base text-white ;
}
.base:disabled {
@apply opacity-40;
}
.primary-nofill {
border: 1px solid #3662e3;
}
/* Primary */
.primary-filled {
border: 1px solid #3662e3;
background: #3662e3;
}
.default-nofill {
background: #71717a;
.primary-filled:hover {
border: 1px solid #1C48C9;
background: #1C48C9;
}
.primary-nofill {
background: rgba(28, 72, 201, 0.0);
border: 1px solid #3662e3;
}
.primary-nofill:hover {
background: rgba(28, 72, 201, 0.3);
border: 1px solid #3662e3;
}
/* Default */
.default-filled {
border: 1px solid #71717a;
background: #71717a;
}
.default-filled:hover {
@apply border-zinc-600 bg-zinc-600;
}
.default-nofill {
background: rgba(113, 113, 122, 0.0);
border: 1px solid #71717a;
}
.default-nofill:hover {
background: rgba(113, 113, 122, 0.4);
border: 1px solid #71717a;
}
/* Size */
.size-normal {
width: 66px;
height: 36px;
@apply px-4 py-2;
}
.size-small {
width: 66px;
height: 24px;
@apply px-2 py-1;
}
</style>