Adjust Taximeter styling
This commit is contained in:
@@ -6,7 +6,11 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
body {
|
body {
|
||||||
width: 240px
|
width: 275px;
|
||||||
|
|
||||||
|
position: absolute;
|
||||||
|
right: 0;
|
||||||
|
bottom: 0
|
||||||
}
|
}
|
||||||
|
|
||||||
h4 {
|
h4 {
|
||||||
@@ -16,7 +20,6 @@ h4 {
|
|||||||
.taximeter-company {
|
.taximeter-company {
|
||||||
background-color: #171717;
|
background-color: #171717;
|
||||||
max-width: 100%
|
max-width: 100%
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.taximeter-company__header {
|
.taximeter-company__header {
|
||||||
@@ -25,22 +28,32 @@ h4 {
|
|||||||
margin: 0;
|
margin: 0;
|
||||||
font-size: 100%;
|
font-size: 100%;
|
||||||
font-family: DS-Digital;
|
font-family: DS-Digital;
|
||||||
color: #ff0;
|
color: #ff0
|
||||||
}
|
}
|
||||||
|
|
||||||
.taximeter {
|
.taximeter {
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
height: 80px;
|
height: fit-content;
|
||||||
padding: 1em;
|
padding: 1em;
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
background-color: #171717;
|
background-color: #171717
|
||||||
}
|
}
|
||||||
|
|
||||||
.taximeter-element {
|
.taximeter-element {
|
||||||
margin: 3px;
|
width: fit-content;
|
||||||
width: 200px;
|
height: fit-content;
|
||||||
height: 50px
|
|
||||||
|
margin-right: 1em
|
||||||
|
}
|
||||||
|
|
||||||
|
.taximeter-element:last-child {
|
||||||
|
margin-right: unset
|
||||||
|
}
|
||||||
|
|
||||||
|
.taximeter-element--large {
|
||||||
|
width: fit-content;
|
||||||
|
max-width: 250px
|
||||||
}
|
}
|
||||||
|
|
||||||
.taximeter-header {
|
.taximeter-header {
|
||||||
@@ -50,7 +63,7 @@ h4 {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.taximeter-output {
|
.taximeter-output {
|
||||||
height: 40px;
|
height: fit-content;
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
font-family: DS-Digital;
|
font-family: DS-Digital;
|
||||||
@@ -62,4 +75,3 @@ h4 {
|
|||||||
.taximeter-output__additional {
|
.taximeter-output__additional {
|
||||||
font-size: 70%
|
font-size: 70%
|
||||||
}
|
}
|
||||||
/*# sourceMappingURL=main.css.map */
|
|
||||||
|
|||||||
Reference in New Issue
Block a user