mirror of
https://github.com/DeNNiiInc/dbgate.git
synced 2026-04-19 15:25:59 +00:00
import files controls
This commit is contained in:
30
packages/web/src/elements/FormStyledButtonLikeLabel.svelte
Normal file
30
packages/web/src/elements/FormStyledButtonLikeLabel.svelte
Normal file
@@ -0,0 +1,30 @@
|
||||
<script lang="ts">
|
||||
export let disabled = false;
|
||||
</script>
|
||||
|
||||
<label {...$$props} class:disabled>
|
||||
<slot />
|
||||
</label>
|
||||
|
||||
<style>
|
||||
label {
|
||||
border: 1px solid var(--theme-bg-button-inv-2);
|
||||
padding: 5px;
|
||||
margin: 2px;
|
||||
width: 100px;
|
||||
background-color: var(--theme-bg-button-inv);
|
||||
color: var(--theme-font-inv-1);
|
||||
border-radius: 2px;
|
||||
}
|
||||
|
||||
label:hover:not(.disabled) {
|
||||
background-color: var(--theme-bg-button-inv-2);
|
||||
}
|
||||
label:active:not(.disabled) {
|
||||
background-color: var(--theme-bg-button-inv-3);
|
||||
}
|
||||
label.disabled {
|
||||
background-color: var(--theme-bg-button-inv-3);
|
||||
color: var(--theme-font-inv-3);
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user