7x31/uptime-kuma
1
0
Fork 0
mirror of https://github.com/louislam/uptime-kuma.git synced 2025-09-10 12:56:13 +08:00
Code Issues Packages Projects Releases Wiki Activity

[Status Page] align icon and title using flexbox

Browse Source
This commit is contained in:
Louis Lam
2022-03-17 17:07:23 +08:00
parent 5474368263
commit c0c6419980
1 changed files with 7 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/pages/StatusPage.vue
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;