Skip to content

Commit a2872d6

Browse files
committed
refactor: remove uno btn shortcut
1 parent 59b5c3c commit a2872d6

3 files changed

Lines changed: 2 additions & 12 deletions

File tree

app/components/Button/Base.vue

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -19,7 +19,7 @@ defineExpose({
1919
<template>
2020
<button
2121
ref="el"
22-
class="btn"
22+
class="inline-flex items-center justify-center px-4 py-2 font-mono text-sm border border-border rounded-md bg-transparent text-fg transition-all duration-200 hover:(bg-fg hover:text-bg border-fg) focus-ring active:scale-98 disabled:(opacity-40 cursor-not-allowed hover:bg-transparent hover:text-fg)"
2323
:class="{
2424
'opacity-50 cursor-not-allowed': disabled,
2525
}"

app/components/Button/Link.vue

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -23,7 +23,7 @@ const props = defineProps<
2323
<span v-if="disabled" class="opacity-50"><slot /></span>
2424
<NuxtLink
2525
v-else
26-
class="btn"
26+
class="inline-flex items-center justify-center px-4 py-2 font-mono text-sm border border-border rounded-md bg-transparent text-fg transition-all duration-200 hover:(bg-fg hover:text-bg border-fg) focus-ring active:scale-98 disabled:(opacity-40 cursor-not-allowed hover:bg-transparent hover:text-fg)"
2727
:class="
2828
{
2929
'opacity-50 cursor-not-allowed': disabled,

uno.config.ts

Lines changed: 0 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -125,16 +125,6 @@ export default defineConfig({
125125
// Focus states - subtle but accessible
126126
['focus-ring', 'outline-none focus-visible:(ring-2 ring-fg/10 ring-offset-2)'],
127127

128-
// Buttons
129-
[
130-
'btn',
131-
'inline-flex items-center justify-center px-4 py-2 font-mono text-sm border border-border rounded-md bg-transparent text-fg transition-all duration-200 hover:(bg-fg hover:text-bg border-fg) focus-ring active:scale-98 disabled:(opacity-40 cursor-not-allowed hover:bg-transparent hover:text-fg)',
132-
],
133-
[
134-
'btn-ghost',
135-
'inline-flex items-center justify-center px-3 py-1.5 font-mono text-sm text-fg-muted bg-transparent transition-all duration-200 hover:text-fg focus-ring',
136-
],
137-
138128
// Links
139129
[
140130
'link',

0 commit comments

Comments
 (0)