perf: reorganize the icons and reduce the volume
This commit is contained in:
@@ -2,7 +2,7 @@
|
||||
import type { CSSProperties } from 'vue';
|
||||
import { computed, useSlots } from 'vue';
|
||||
|
||||
import { IcRoundMenu } from '@vben-core/icons';
|
||||
import { Menu } from '@vben-core/icons';
|
||||
import { VbenIconButton } from '@vben-core/shadcn-ui';
|
||||
|
||||
interface Props {
|
||||
@@ -108,7 +108,7 @@ function handleToggleMenu() {
|
||||
class="my-0 ml-2 mr-1 rounded"
|
||||
@click="handleToggleMenu"
|
||||
>
|
||||
<IcRoundMenu class="size-5" />
|
||||
<Menu class="size-4" />
|
||||
</VbenIconButton>
|
||||
<slot></slot>
|
||||
</header>
|
||||
|
@@ -12,7 +12,7 @@ interface Props {
|
||||
|
||||
const props = withDefaults(defineProps<Props>(), {
|
||||
fixed: true,
|
||||
height: 30,
|
||||
height: 38,
|
||||
});
|
||||
|
||||
const style = computed((): CSSProperties => {
|
||||
|
@@ -13,7 +13,7 @@ function handleCollapsed() {
|
||||
class="flex-center hover:text-foreground text-foreground/60 hover:bg-accent-hover bg-accent absolute bottom-2 left-3 z-10 cursor-pointer rounded-sm p-1 transition-all duration-300"
|
||||
@click.stop="handleCollapsed"
|
||||
>
|
||||
<MdiMenuClose v-if="collapsed" />
|
||||
<MdiMenuOpen v-else />
|
||||
<MdiMenuClose v-if="collapsed" class="size-4" />
|
||||
<MdiMenuOpen v-else class="size-4" />
|
||||
</div>
|
||||
</template>
|
||||
|
Reference in New Issue
Block a user