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");
* {
padding: 0;
margin: 0;
--at-apply: p-0 m-0 box-border;
}
body {
font-family: "Hack", Inter, ui-monospace, SFMono-Regular,
Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
--uno: flex items-center justify-center min-h-screen min-w-screen text-4
font-family: "Hack", Inter, ui-monospace, SFMono-Regular, Menlo, Monaco,
Consolas, "Liberation Mono", "Courier New", monospace;
--at-apply: flex items-center justify-center min-h-screen min-w-screen text-4
leading-24px font-synthesis-none select-none;
}

12
src/components/button.vue
View File

@ -1,9 +1,5 @@
<template>
<a
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"
>
<a target="_blank" :href="to">
<div v-if="icon" :class="icon" class="h-24px w-24px" />
<div class="ml-2" />
<slot />
@ -17,4 +13,8 @@ defineProps<{
}>()
</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>