Poprawki responsywności

This commit is contained in:
2022-09-27 19:36:34 +02:00
parent 29a02dd98f
commit 3b44adff44
10 changed files with 19 additions and 19 deletions
@@ -102,7 +102,7 @@ export default defineComponent({
@include smallScreen {
.history-list {
font-size: 1.2em;
font-size: 1.1em;
}
.list-item {
align-items: center;
+1 -6
View File
@@ -31,14 +31,9 @@ export default defineComponent({
position: relative;
font-size: 3.5em;
padding: 0 0.5em;
font-size: 3em;
text-transform: uppercase;
@include smallScreen() {
font-size: 2.75em;
}
}
.scenery-hash {
+1 -2
View File
@@ -109,7 +109,7 @@ h3.section-header {
justify-content: center;
align-items: center;
font-size: 1.5em;
font-size: 1.2em;
img {
width: 1.1em;
@@ -127,7 +127,6 @@ h3.section-header {
.info-general {
margin-top: 1em;
font-size: 1.1em;
}
.general-list {
@@ -505,8 +505,6 @@ export default defineComponent({
display: flex;
flex-direction: column;
align-items: center;
font-size: 1.05em;
}
&-general {
@@ -33,7 +33,6 @@
</template>
<script lang="ts">
import axios from 'axios';
import { defineComponent, PropType } from 'vue';
import dateMixin from '../../mixins/dateMixin';
@@ -106,13 +105,8 @@ export default defineComponent({
}
@include smallScreen {
.history-list {
font-size: 1.1em;
}
.list-item {
grid-template-columns: 1fr 1fr;
font-size: 1.05em;
}
}
</style>