fix(styles): Fix the issue of button edges on both sides of the header

This commit is contained in:
Azir 2024-05-23 22:33:50 +08:00
parent bc8dc47d7f
commit c8fc1d73e0

View File

@ -47,7 +47,7 @@ const headerMenus = computed(() => {
</script> </script>
<template> <template>
<DarkModeContainer class="h-full flex-y-center shadow-header"> <DarkModeContainer class="h-full flex-y-center px-4 shadow-header">
<GlobalLogo v-if="showLogo" class="h-full" :style="{ width: themeStore.sider.width + 'px' }" /> <GlobalLogo v-if="showLogo" class="h-full" :style="{ width: themeStore.sider.width + 'px' }" />
<HorizontalMenu v-if="showMenu" mode="horizontal" :menus="headerMenus" class="px-12px" /> <HorizontalMenu v-if="showMenu" mode="horizontal" :menus="headerMenus" class="px-12px" />
<div v-else class="h-full flex-y-center flex-1-hidden"> <div v-else class="h-full flex-y-center flex-1-hidden">