update: 优化样式

This commit is contained in:
pengzhanbo 2022-04-18 17:54:19 +08:00
parent 40a5dd81b4
commit bc8cc994e8

View File

@ -52,7 +52,10 @@ const sidebarClick = (sidebar: SidebarListComputed): void => {
:key="sidebar.text"
:class="{ line: deep === 1 }"
>
<p @click.self="sidebarClick(sidebar)">
<p
:class="{ 'sidebar-items-title': deep === 1 }"
@click.self="sidebarClick(sidebar)"
>
<AutoLink
v-if="sidebar.link"
:item="{ text: sidebar.text, link: sidebar.link }"
@ -101,7 +104,7 @@ const sidebarClick = (sidebar: SidebarListComputed): void => {
flex: 1;
}
p {
p.sidebar-items-title {
display: flex;
align-items: center;
justify-content: space-between;
@ -109,9 +112,9 @@ const sidebarClick = (sidebar: SidebarListComputed): void => {
height: 40px;
.arrow-right-icon {
width: 14px;
height: 14px;
margin-right: 0.25rem;
width: 20px;
height: 20px;
margin-right: 0.55rem;
transform: rotate(0);
transition: transform var(--t-color);