2
0
mirror of https://github.com/tenrok/vue-select.git synced 2026-06-16 09:10:33 +03:00
This commit is contained in:
Jeff Sagal
2022-07-26 22:20:24 -07:00
parent 6d59e6fd02
commit f602913216
23 changed files with 189 additions and 184 deletions
+13 -13
View File
@@ -1,32 +1,32 @@
<script setup lang="ts">
import { computed } from "#imports";
import { computed } from '#imports'
const props = withDefaults(
defineProps<{
type?: "note" | "warning";
title: string;
type?: 'note' | 'warning'
title: string
}>(),
{
type: "note",
type: 'note',
}
);
)
const styles = computed(() => {
return {
note: {
container:
"bg-sky-50 dark:bg-slate-800/60 dark:ring-1 dark:ring-slate-300/10",
title: "text-sky-900 dark:text-sky-400",
body: "text-sky-800 [--tw-prose-background:theme(colors.sky.50)] prose-a:text-sky-900 prose-code:text-sky-900 dark:text-slate-300 dark:prose-code:text-slate-300",
'bg-sky-50 dark:bg-slate-800/60 dark:ring-1 dark:ring-slate-300/10',
title: 'text-sky-900 dark:text-sky-400',
body: 'text-sky-800 [--tw-prose-background:theme(colors.sky.50)] prose-a:text-sky-900 prose-code:text-sky-900 dark:text-slate-300 dark:prose-code:text-slate-300',
},
warning: {
container:
"bg-amber-50 dark:bg-slate-800/60 dark:ring-1 dark:ring-slate-300/10",
title: "text-amber-900 dark:text-amber-500",
body: "text-amber-800 [--tw-prose-underline:theme(colors.amber.400)] [--tw-prose-background:theme(colors.amber.50)] prose-a:text-amber-900 prose-code:text-amber-900 dark:text-slate-300 dark:[--tw-prose-underline:theme(colors.sky.700)] dark:prose-code:text-slate-300",
'bg-amber-50 dark:bg-slate-800/60 dark:ring-1 dark:ring-slate-300/10',
title: 'text-amber-900 dark:text-amber-500',
body: 'text-amber-800 [--tw-prose-underline:theme(colors.amber.400)] [--tw-prose-background:theme(colors.amber.50)] prose-a:text-amber-900 prose-code:text-amber-900 dark:text-slate-300 dark:[--tw-prose-underline:theme(colors.sky.700)] dark:prose-code:text-slate-300',
},
}[props.type];
});
}[props.type]
})
</script>
<template>
+1 -1
View File
@@ -3,5 +3,5 @@
</template>
<script setup lang="ts">
defineProps<{ id: string }>();
defineProps<{ id: string }>()
</script>
+1 -1
View File
@@ -3,5 +3,5 @@
</template>
<script setup lang="ts">
defineProps<{ id: string }>();
defineProps<{ id: string }>()
</script>
+1 -1
View File
@@ -3,5 +3,5 @@
</template>
<script setup lang="ts">
defineProps<{ id: string }>();
defineProps<{ id: string }>()
</script>
+1 -1
View File
@@ -3,5 +3,5 @@
</template>
<script setup lang="ts">
defineProps<{ id: string }>();
defineProps<{ id: string }>()
</script>
+1 -1
View File
@@ -3,5 +3,5 @@
</template>
<script setup lang="ts">
defineProps<{ id: string }>();
defineProps<{ id: string }>()
</script>
+4 -4
View File
@@ -1,9 +1,9 @@
<script setup lang="ts">
defineProps<{
icon: string;
href: string;
title: string;
}>();
icon: string
href: string
title: string
}>()
</script>
<template>