From bd46f1fea1db789b78e95fafeb5c0e49ce29a444 Mon Sep 17 00:00:00 2001
From: summersamara <summersamara@proton.me>
Date: Sat, 7 Oct 2023 18:25:55 +0200
Subject: [PATCH] Fix issue#7: resize start-time badge in Event card
Closes #7
---
js/src/components/Event/StartTimeIcon.vue | 10 +++-------
1 file changed, 3 insertions(+), 7 deletions(-)
diff --git a/js/src/components/Event/StartTimeIcon.vue b/js/src/components/Event/StartTimeIcon.vue
index 406366fd9..77fd04869 100644
--- a/js/src/components/Event/StartTimeIcon.vue
+++ b/js/src/components/Event/StartTimeIcon.vue
@@ -30,19 +30,15 @@ const time = computed<string>(() =>
dateObj.value.toLocaleTimeString(undefined, { hour: "2-digit", minute: "2-digit" })
);
-const smallStyle = computed<string>(() => (props.small ? "1.2" : "2"));
+const smallStyle = computed<string>(() => (props.small ? "0.9" : "2"));
</script>
<style lang="scss" scoped>
div.starttime-container {
width: auto;
box-shadow: 0 0 12px rgba(0, 0, 0, 0.2);
- height: calc(40px * var(--small));
-
- }
- .starttime-container-content {
- font-size: calc(1rem * var(--small));
- padding: 0 0.5rem;
+ padding: 0.25rem 0.25rem;
+ font-size: calc(1rem * var(--small));
}
.clock-icon {