bichangxiong/ruoyi-plus-vben5
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore: update app name

Browse Source
This commit is contained in:
vince
2024-07-14 23:10:48 +08:00
parent 3eb7a8bc6f
commit a5edb67b12
19 changed files with 53 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
packages/@core/ui-kit/tabs-ui/src/components/tabs-chrome/tabs.vue
View File

@@ -174,7 +174,7 @@ function handleUnpinTab(tab: TabConfig) {
<!-- tab-item-main -->
<div
class="tabs-chrome__item-main group-[.is-active]:text-primary text-accent-foreground dark:group-[.is-active]:text-accent-foreground absolute left-0 right-0 z-[2] mx-[calc(var(--gap)*2)] my-0 flex h-full items-center overflow-hidden rounded-tl-[5px] rounded-tr-[5px] duration-150 group-hover:pr-3"
class="tabs-chrome__item-main group-[.is-active]:text-primary text-accent-foreground absolute left-0 right-0 z-[2] mx-[calc(var(--gap)*2)] my-0 flex h-full items-center overflow-hidden rounded-tl-[5px] rounded-tr-[5px] duration-150 group-hover:pr-3"
>
<VbenIcon
v-if="showIcon"
@@ -200,6 +200,16 @@ function handleUnpinTab(tab: TabConfig) {
</template>
<style scoped>
html.dark {
.tabs-chrome {
.is-active {
.tabs-chrome__item-main {
@apply text-accent-foreground;
}
}
}
}
.tabs-chrome {
.dragging {
.tabs-chrome__item-main {

16
packages/@core/ui-kit/tabs-ui/src/components/tabs/tabs.vue
View File

@@ -76,7 +76,7 @@ function handleUnpinTab(tab: TabConfig) {
:key="tab.key"
:class="[
{
'is-active bg-background': tab.key === active,
'tabs-item is-active bg-background': tab.key === active,
dragable: !tab.affixTab,
},
typeWithClass.content,
@@ -113,7 +113,7 @@ function handleUnpinTab(tab: TabConfig) {
<!-- tab-item-main -->
<div
class="group-[.is-active]:text-primary dark:group-[.is-active]:text-accent-foreground text-accent-foreground mx-3 mr-3 flex h-full items-center overflow-hidden rounded-tl-[5px] rounded-tr-[5px] pr-3 transition-all duration-300"
class="tabs-item__main group-[.is-active]:text-primary text-accent-foreground mx-3 mr-3 flex h-full items-center overflow-hidden rounded-tl-[5px] rounded-tr-[5px] pr-3 transition-all duration-300"
>
<!-- <div
class="mx-3 ml-3 mr-2 flex h-full items-center overflow-hidden rounded-tl-[5px] rounded-tr-[5px] transition-all duration-300 group-hover:mr-2 group-hover:pr-4 group-[.is-active]:pr-4"
@@ -137,3 +137,15 @@ function handleUnpinTab(tab: TabConfig) {
</VbenScrollbar>
</div>
</template>
<style scoped>
html.dark {
.tabs-item {
&.is-active {
.tabs-item__main {
@apply text-accent-foreground;
}
}
}
}
</style>