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