Ryan/drop-base
1
0
Fork 0
mirror of https://github.com/Drop-OSS/drop-base.git synced 2026-06-22 04:11:39 +10:00
Code Issues Packages Projects Releases Wiki Activity

fix: loading button styles

Browse Source
This commit is contained in:
DecDuck
2025-02-14 20:07:40 +11:00
parent 533eb483ea
commit 77b85c97d0
1 changed files with 8 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/LoadingButton.vue
+8
View File
@@ -1,11 +1,15 @@
<template> <template>
<button <button
type="submit" type="submit"
<<<<<<< Updated upstream
:class="[ :class="[
styles[style].base, styles[style].base,
props.disabled ? styles[style].disabled : styles[style].dft, props.disabled ? styles[style].disabled : styles[style].dft,
]" ]"
:disabled="props.disabled" :disabled="props.disabled"
=======
:class="['inline-flex h-9 items-center justify-center rounded-md px-3 py-1.5 text-sm font-semibold leading-6 shadow-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-600 text-white bg-blue-600 hover:bg-blue-500 disabled:text-zinc-400 disabled:bg-blue-600/10 disabled:hover:bg-blue-600/10', props.class ?? '']"
>>>>>>> Stashed changes
> >
<div v-if="props.loading" role="status"> <div v-if="props.loading" role="status">
<svg <svg
@@ -31,6 +35,7 @@
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
<<<<<<< Updated upstream
type Style = "default" | "none"; type Style = "default" | "none";
const props = defineProps<{ const props = defineProps<{
loading: boolean; loading: boolean;
@@ -51,4 +56,7 @@ const styles: {
}, },
["none"]: { base: "", dft: "", disabled: "" }, ["none"]: { base: "", dft: "", disabled: "" },
}; };
=======
const props = defineProps<{ loading: boolean, class?: string }>();
>>>>>>> Stashed changes
</script> </script>