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