From d4e65e0d1a1e28270bf6bc1b41d6670b495e5be0 Mon Sep 17 00:00:00 2001
From: Hangzhi Yu <hangzhi@protonmail.com>
Date: Wed, 10 Apr 2024 13:41:05 +0200
Subject: [PATCH] Use css classes for date select footer
---
.../components/coursebook/CoursebookDateSelect.vue | 8 ++++----
1 file changed, 4 insertions(+), 4 deletions(-)
diff --git a/aleksis/apps/alsijil/frontend/components/coursebook/CoursebookDateSelect.vue b/aleksis/apps/alsijil/frontend/components/coursebook/CoursebookDateSelect.vue
index 933bcb29b..29997909f 100644
--- a/aleksis/apps/alsijil/frontend/components/coursebook/CoursebookDateSelect.vue
+++ b/aleksis/apps/alsijil/frontend/components/coursebook/CoursebookDateSelect.vue
@@ -49,9 +49,9 @@ export default {
</script>
<template>
- <v-footer app inset padless id="date-select-footer">
+ <v-footer app inset padless class="date-select-footer">
<v-card tile class="full-width">
- <v-card-title id="content">
+ <v-card-title class="auto-margin">
<div class="d-flex align-center justify-center full-width">
<v-btn icon large class="me-4" @click="handleClick(PREV)">
<v-icon>$prev</v-icon>
@@ -78,10 +78,10 @@ export default {
</template>
<style scoped>
-#content {
+.auto-margin {
margin: auto;
}
-#date-select-footer {
+.date-select-footer {
z-index: 5;
}
</style>
--
GitLab