potsda.mn/mobilizon
10
4
Fork 1
Code Issues 22 Pull requests 1 Projects Releases Wiki Activity

Fix issue#7: resize start-time badge in Event card

Browse source 
Closes #7
#7
This commit is contained in:
summersamara 2023-10-07 18:25:55 +02:00 committed by 778a69cd
parent 4b0d2b6980
commit a130d30201
1 changed files with 3 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
src/components/Event/StartTimeIcon.vue
View file

@ -30,19 +30,15 @@ const time = computed<string>(() =>
dateObj.value.toLocaleTimeString(undefined, { hour: "2-digit", minute: "2-digit" }) 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> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
div.starttime-container { div.starttime-container {
width: auto; width: auto;
box-shadow: 0 0 12px rgba(0, 0, 0, 0.2); box-shadow: 0 0 12px rgba(0, 0, 0, 0.2);
height: calc(40px * var(--small)); padding: 0.25rem 0.25rem;
font-size: calc(1rem * var(--small));
}
.starttime-container-content {
font-size: calc(1rem * var(--small));
padding: 0 0.5rem;
} }
.clock-icon { .clock-icon {