mirror of
https://github.com/MrUnknownDE/VRCX.git
synced 2026-05-05 22:36:05 +02:00
adapt table compact mode
This commit is contained in:
@@ -8,7 +8,9 @@
|
|||||||
|
|
||||||
<template>
|
<template>
|
||||||
<div data-slot="table-container" class="relative w-full">
|
<div data-slot="table-container" class="relative w-full">
|
||||||
<table data-slot="table" :class="cn('w-full caption-bottom text-[13px]', props.class)">
|
<table
|
||||||
|
data-slot="table"
|
||||||
|
:class="cn('w-full caption-bottom text-[13px] in-[.is-compact-table]:text-[12px]', props.class)">
|
||||||
<slot />
|
<slot />
|
||||||
</table>
|
</table>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -11,7 +11,7 @@
|
|||||||
data-slot="table-cell"
|
data-slot="table-cell"
|
||||||
:class="
|
:class="
|
||||||
cn(
|
cn(
|
||||||
'p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]',
|
'p-2 align-middle whitespace-nowrap in-[.is-compact-table]:py-1! in-[.is-compact-table]:px-2.5! [&:has([role=checkbox])]:pr-0 *:[[role=checkbox]]:translate-y-0.5',
|
||||||
props.class
|
props.class
|
||||||
)
|
)
|
||||||
">
|
">
|
||||||
|
|||||||
@@ -11,7 +11,7 @@
|
|||||||
data-slot="table-head"
|
data-slot="table-head"
|
||||||
:class="
|
:class="
|
||||||
cn(
|
cn(
|
||||||
'text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]',
|
'text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap in-[.is-compact-table]:h-8! in-[.is-compact-table]:px-2.5! [&:has([role=checkbox])]:pr-0 *:[[role=checkbox]]:translate-y-0.5',
|
||||||
props.class
|
props.class
|
||||||
)
|
)
|
||||||
">
|
">
|
||||||
|
|||||||
Reference in New Issue
Block a user