[Status Page] align icon and title using flexbox

This commit is contained in:
Louis Lam 2022-03-17 17:07:23 +08:00
parent 5474368263
commit c0c6419980

View file

@ -62,7 +62,7 @@
<!-- Main Status Page --> <!-- Main Status Page -->
<div :class="{ edit: enableEditMode}" class="main"> <div :class="{ edit: enableEditMode}" class="main">
<!-- Logo & Title --> <!-- Logo & Title -->
<h1 class="mb-4"> <h1 class="mb-4 title-flex">
<!-- Logo --> <!-- Logo -->
<span class="logo-wrapper" @click="showImageCropUploadMethod"> <span class="logo-wrapper" @click="showImageCropUploadMethod">
<img :src="logoURL" alt class="logo me-2" :class="logoClass" /> <img :src="logoURL" alt class="logo me-2" :class="logoClass" />
@ -721,6 +721,12 @@ footer {
min-width: 50px; min-width: 50px;
} }
.title-flex {
display: flex;
align-items: center;
gap: 10px;
}
.logo-wrapper { .logo-wrapper {
display: inline-block; display: inline-block;
position: relative; position: relative;