thehrz/thehrz.net
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

pref(button): update styles

Browse Source
This commit is contained in:
thehrz 2023-10-03 21:56:18 +08:00
parent cdb5102710
commit 4919cd13d3
Signed by: thehrz
GPG Key ID: C84CBCE7D5F88855
2 changed files with 10 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/assets/global.scss
View File

@ -1,13 +1,12 @@
@import url("https://cdn.staticfile.org/hack-font/3.3.0/web/hack.min.css"); @import url("https://cdn.staticfile.org/hack-font/3.3.0/web/hack.min.css");
* { * {
padding: 0; --at-apply: p-0 m-0 box-border;
margin: 0;
} }
body { body {
font-family: "Hack", Inter, ui-monospace, SFMono-Regular, font-family: "Hack", Inter, ui-monospace, SFMono-Regular, Menlo, Monaco,
Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; Consolas, "Liberation Mono", "Courier New", monospace;
--uno: flex items-center justify-center min-h-screen min-w-screen text-4 --at-apply: flex items-center justify-center min-h-screen min-w-screen text-4
leading-24px font-synthesis-none select-none; leading-24px font-synthesis-none select-none;
} }

12
src/components/button.vue
View File

@ -1,9 +1,5 @@
<template> <template>
<a <a target="_blank" :href="to">
class="bg-white border-solid border-2 border-#dcdfe6 c-black decoration-none flex items-center rounded text-4 h-11 px-3 shadow"
target="_blank"
:href="to"
>
<div v-if="icon" :class="icon" class="h-24px w-24px" /> <div v-if="icon" :class="icon" class="h-24px w-24px" />
<div class="ml-2" /> <div class="ml-2" />
<slot /> <slot />
@ -17,4 +13,8 @@ defineProps<{
}>() }>()
</script> </script>
<style scoped></style> <style scoped>
a {
--at-apply: bg-white active:bg-neutral-200 hover:border-3 border-solid border-2 border-light-950 c-coolgray-700 decoration-none flex items-center rounded text-4 h-11 px-3 shadow;
}
</style>