@@ -448,9 +448,8 @@ defineExpose({
}
.item {
- box-sizing: border-box;
- width: 100%;
- @apply h-7.5;
+ @apply h-7.5 w-full box-border;
+
background-color: #f3f3f3;
border: 1px solid #666;
@@ -87,10 +87,7 @@ function navigateTo(
</script>
<template>
- <VbenPopover
- v-model:open="open"
- content-class="relative right-2 w-90 p-0"
- >
+ <VbenPopover v-model:open="open" content-class="relative right-2 w-90 p-0">
<template #trigger>
<div class="mr-2 flex-center h-full" @click.stop="toggle()">
<VbenIconButton class="bell-button relative text-foreground">
@@ -497,8 +497,6 @@ async function handleReset() {
<style scoped>
:deep(.sticky-tabs-header [role='tablist']) {
- position: sticky;
- @apply -top-3;
- z-index: 9999;
+ @apply -top-3 z-9999 sticky;
</style>