rogee/quyun-v2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 添加布局顶部栏的登录和注册链接样式

Browse Source
This commit is contained in:
Rogee
2025-12-25 10:29:26 +08:00
parent 0c7d4ef0ea
commit 81240fa0d1
2 changed files with 15 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
frontend/portal/src/assets/layout/_topbar.scss
View File

@@ -70,6 +70,19 @@
color: var(--primary-contrast-color); color: var(--primary-contrast-color);
} }
&.layout-topbar-action-text {
width: auto;
height: auto;
border-radius: var(--content-border-radius);
padding: 0.25rem 0.75rem;
justify-content: flex-start;
gap: 0.5rem;
span {
display: inline;
}
}
&.layout-topbar-user { &.layout-topbar-user {
width: auto; width: auto;
height: auto; height: auto;

4
frontend/portal/src/layout/AppTopbar.vue
View File

@@ -102,11 +102,11 @@ onMounted(() => {
<Menu ref="userMenuRef" :model="userMenuItems" popup /> <Menu ref="userMenuRef" :model="userMenuItems" popup />
</template> </template>
<template v-else> <template v-else>
<router-link to="/auth/login" class="layout-topbar-action"> <router-link to="/auth/login" class="layout-topbar-action layout-topbar-action-text">
<i class="pi pi-sign-in"></i> <i class="pi pi-sign-in"></i>
<span>登录</span> <span>登录</span>
</router-link> </router-link>
<router-link to="/auth/register" class="layout-topbar-action"> <router-link to="/auth/register" class="layout-topbar-action layout-topbar-action-text">
<i class="pi pi-user-plus"></i> <i class="pi pi-user-plus"></i>
<span>注册</span> <span>注册</span>
</router-link> </router-link>