github
/
halo-admin
mirror of https://github.com/halo-dev/halo-admin
1
0
Fork 0
Code Issues Releases Wiki Activity

perf: refine basic layout component styles 

Signed-off-by: Ryan Wang <i@ryanc.cc>
pull/590/head
Ryan Wang 2022-07-20 14:28:33 +08:00
parent 65fdfd6749
commit 1959271d40
1 changed files with 19 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
packages/shared/src/layouts/BasicLayout.vue
View File

@ -41,7 +41,7 @@ const currentRole = computed(() => {
<template> <template>
<div class="flex h-full"> <div class="flex h-full">
<aside class="navbar fixed hidden h-full overflow-y-auto md:block"> <aside class="navbar fixed hidden h-full overflow-y-auto md:block">
<div class="logo flex justify-center py-5"> <div class="logo flex justify-center pt-5 pb-7">
<img :src="logo" alt="Halo Logo" style="width: 78px" /> <img :src="logo" alt="Halo Logo" style="width: 78px" />
</div> </div>
<div class="px-3"> <div class="px-3">
@ -191,24 +191,24 @@ const currentRole = computed(() => {
padding-bottom: 70px; padding-bottom: 70px;
.current-profile { .current-profile {
background: #fff;
position: fixed;
left: 0;
bottom: 0;
height: 70px; height: 70px;
display: flex; @apply w-64
@apply w-64; bg-white
@apply p-3; p-3
flex
fixed
left-0
bottom-0
gap-3;
.profile-avatar { .profile-avatar {
@apply self-center; @apply self-center
@apply flex; flex;
} }
.profile-name { .profile-name {
@apply self-center; @apply self-center
@apply flex-1; flex-1;
@apply ml-3;
} }
.profile-control { .profile-control {
@ -218,11 +218,11 @@ const currentRole = computed(() => {
} }
.content { .content {
@apply ml-0; @apply ml-0
@apply md:ml-64; flex
display: flex; flex-auto
flex: auto; flex-col
flex-direction: column; overflow-x-hidden
overflow-x: hidden; md:ml-64;
} }
</style> </style>