refactor: big tailwind class into smaller classes
This commit is contained in:
parent
7fc86a52af
commit
2a546b69c2
1 changed files with 10 additions and 1 deletions
|
|
@ -557,8 +557,17 @@ The cursor: default; property value restores the browser's default cursor style
|
||||||
.header-end-display {
|
.header-end-display {
|
||||||
@apply ml-auto mr-2 flex items-center gap-5
|
@apply ml-auto mr-2 flex items-center gap-5
|
||||||
}
|
}
|
||||||
|
.header-github-link-box {
|
||||||
|
@apply border border-input h-9 px-3 pr-0 rounded-md inline-flex shadow-sm items-center justify-center
|
||||||
|
}
|
||||||
.header-github-link {
|
.header-github-link {
|
||||||
@apply inline-flex shadow-sm items-center justify-center text-sm font-medium focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:opacity-50 disabled:pointer-events-none ring-offset-background text-muted-foreground border border-input hover:bg-accent hover:text-accent-foreground h-9 px-3 pr-0 rounded-md
|
@apply text-sm font-medium disabled:opacity-50 disabled:pointer-events-none ring-offset-background text-muted-foreground header-github-link-box
|
||||||
|
}
|
||||||
|
.header-github-link:focus-visible {
|
||||||
|
@apply focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2
|
||||||
|
}
|
||||||
|
.header-github-link:hover {
|
||||||
|
@apply hover:bg-accent hover:text-accent-foreground
|
||||||
}
|
}
|
||||||
.header-github-display {
|
.header-github-display {
|
||||||
@apply -mr-px ml-2 flex h-9 items-center justify-center rounded-md rounded-l-none border bg-background px-2 text-sm
|
@apply -mr-px ml-2 flex h-9 items-center justify-center rounded-md rounded-l-none border bg-background px-2 text-sm
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue