UI fix maintenance button alignment (#2888)

LycheeOrg · Jan 10, 2025 · 4258b84 · 4258b84
1 parent 8e13ee2
commit 4258b84
Show file tree

Hide file tree

Showing 7 changed files with 42 additions and 7 deletions.
diff --git a/resources/js/components/maintenance/MaintenanceCleaning.vue b/resources/js/components/maintenance/MaintenanceCleaning.vue
@@ -1,5 +1,10 @@
 <template>
-	<Card v-if="data !== undefined && data.is_not_empty" class="min-h-40 dark:bg-surface-800 shadow shadow-surface-950/30 rounded-lg relative">
+	<Card
+		v-if="data !== undefined && data.is_not_empty"
+		class="min-h-40 dark:bg-surface-800 shadow shadow-surface-950/30 rounded-lg relative"
+		pt:body:class="min-h-40 h-full"
+		pt:content:class="h-full flex justify-between flex-col"
+	>
 		<template #title>
 			<div class="text-center">
 				{{ title }}

diff --git a/resources/js/components/maintenance/MaintenanceFilesize.vue b/resources/js/components/maintenance/MaintenanceFilesize.vue
@@ -1,5 +1,10 @@
 <template>
-	<Card v-if="data !== undefined && data > 0" class="min-h-40 dark:bg-surface-800 shadow shadow-surface-950/30 rounded-lg relative">
+	<Card
+		v-if="data !== undefined && data > 0"
+		class="min-h-40 dark:bg-surface-800 shadow shadow-surface-950/30 rounded-lg relative"
+		pt:body:class="min-h-40 h-full"
+		pt:content:class="h-full flex justify-between flex-col"
+	>
 		<template #title>
 			<div class="text-center">
 				{{ $t("maintenance.fill-filesize-sizevariants.title") }}

diff --git a/resources/js/components/maintenance/MaintenanceFixJobs.vue b/resources/js/components/maintenance/MaintenanceFixJobs.vue
@@ -1,5 +1,10 @@
 <template>
-	<Card v-if="data !== undefined && data > 0" class="min-h-40 dark:bg-surface-800 shadow shadow-surface-950/30 rounded-lg relative">
+	<Card
+		v-if="data !== undefined && data > 0"
+		class="min-h-40 dark:bg-surface-800 shadow shadow-surface-950/30 rounded-lg relative"
+		pt:body:class="min-h-40 h-full"
+		pt:content:class="h-full flex justify-between flex-col"
+	>
 		<template #title>
 			<div class="text-center">
 				{{ $t("maintenance.fix-jobs.title") }}

diff --git a/resources/js/components/maintenance/MaintenanceFixTree.vue b/resources/js/components/maintenance/MaintenanceFixTree.vue
@@ -1,5 +1,10 @@
 <template>
-	<Card v-if="data !== undefined && fixable" class="min-h-40 dark:bg-surface-800 shadow shadow-surface-950/30 rounded-lg relative">
+	<Card
+		v-if="data !== undefined && fixable"
+		class="min-h-40 dark:bg-surface-800 shadow shadow-surface-950/30 rounded-lg relative"
+		pt:body:class="min-h-40 h-full"
+		pt:content:class="h-full flex justify-between flex-col"
+	>
 		<template #title>
 			<div class="text-center">
 				{{ $t("maintenance.fix-tree.title") }}

diff --git a/resources/js/components/maintenance/MaintenanceGenSizevariants.vue b/resources/js/components/maintenance/MaintenanceGenSizevariants.vue
@@ -1,5 +1,10 @@
 <template>
-	<Card v-if="data !== undefined && data > 0" class="min-h-40 dark:bg-surface-800 shadow shadow-surface-950/30 rounded-lg relative">
+	<Card
+		v-if="data !== undefined && data > 0"
+		class="min-h-40 dark:bg-surface-800 shadow shadow-surface-950/30 rounded-lg relative"
+		pt:body:class="min-h-40 h-full"
+		pt:content:class="h-full flex justify-between flex-col"
+	>
 		<template #title>
 			<div class="text-center">
 				{{ title }}

diff --git a/resources/js/components/maintenance/MaintenanceOptimize.vue b/resources/js/components/maintenance/MaintenanceOptimize.vue
@@ -1,5 +1,10 @@
 <template>
-	<Card v-if="data" class="min-h-40 dark:bg-surface-800 shadow shadow-surface-950/30 rounded-lg relative">
+	<Card
+		v-if="data"
+		class="min-h-40 dark:bg-surface-800 shadow shadow-surface-950/30 rounded-lg relative"
+		pt:body:class="min-h-40 h-full"
+		pt:content:class="h-full flex justify-between flex-col"
+	>
 		<template #title>
 			<div class="text-center">
 				{{ $t("maintenance.optimize.title") }}

diff --git a/resources/js/components/maintenance/MaintenanceUpdate.vue b/resources/js/components/maintenance/MaintenanceUpdate.vue
@@ -1,5 +1,10 @@
 <template>
-	<Card v-if="data" class="min-h-40 dark:bg-surface-800 shadow shadow-surface-950/30 rounded-lg relative">
+	<Card
+		v-if="data"
+		class="min-h-40 dark:bg-surface-800 shadow shadow-surface-950/30 rounded-lg relative"
+		pt:body:class="min-h-40 h-full"
+		pt:content:class="h-full flex justify-between flex-col"
+	>
 		<template #title>
 			<div class="text-center">
 				{{ $t("maintenance.update.title") }}