mirror of
https://github.com/louislam/uptime-kuma.git
synced 2024-12-26 22:19:43 -08:00
[Status Page] align icon and title using flexbox
This commit is contained in:
parent
5474368263
commit
c0c6419980
|
@ -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;
|
||||||
|
|
Loading…
Reference in a new issue