Better CSS application
This commit is contained in:
parent
2c48f29851
commit
f8a4963733
1 changed files with 2 additions and 2 deletions
|
@ -1,5 +1,5 @@
|
||||||
<template>
|
<template>
|
||||||
<div class="d-flex justify-center mr-1 mr-md-2">
|
<div class="event-date d-flex justify-center mr-1 mr-md-2">
|
||||||
<div class="d-flex flex-column align-end">
|
<div class="d-flex flex-column align-end">
|
||||||
<div class="d-flex align-end">
|
<div class="d-flex align-end">
|
||||||
<span class="d-flex text-h4 text-md-h3">{{ day }}</span>
|
<span class="d-flex text-h4 text-md-h3">{{ day }}</span>
|
||||||
|
@ -42,7 +42,7 @@ export default class EventDate extends Vue {
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
@import "~vuetify/src/styles/settings/_variables";
|
@import "~vuetify/src/styles/settings/_variables";
|
||||||
|
|
||||||
div.justify-center {
|
.event-date {
|
||||||
min-width: 95px;
|
min-width: 95px;
|
||||||
|
|
||||||
@media #{map-get($display-breakpoints, "md-and-up")} {
|
@media #{map-get($display-breakpoints, "md-and-up")} {
|
||||||
|
|
Loading…
Reference in a new issue