aindreas/traintracker
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix some of the stretched images in StationSidebar

Browse Source
This commit is contained in:
Aindréas Ó hAodha
2023-07-11 21:19:28 +01:00
parent dfb09dde4a
commit 47baea86f7
1 changed files with 5 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/components/StationSidebar.vue
View File

@ -70,6 +70,7 @@ export default {
} }
.headerImage{ .headerImage{
object-fit: contain;
height: 100%; height: 100%;
width: 100%; width: 100%;
padding: 10px; padding: 10px;
@ -98,6 +99,7 @@ export default {
} }
#typeIcon, #positionIcon, #descriptionIcon{ #typeIcon, #positionIcon, #descriptionIcon{
object-fit: contain;
background-color: rgb(214, 214, 214); background-color: rgb(214, 214, 214);
width:20%; width:20%;
height: 100%; height: 100%;
@ -108,6 +110,7 @@ export default {
} }
#positionImage, #descriptionImage{ #positionImage, #descriptionImage{
object-fit: contain;
padding-top: 2px; padding-top: 2px;
padding-bottom: 2px; padding-bottom: 2px;
} }
@ -132,12 +135,14 @@ export default {
@media screen and (max-width: 850px) { @media screen and (max-width: 850px) {
.headerImage{ .headerImage{
object-fit: contain;
height: 100%; height: 100%;
width: 100%; width: 100%;
padding: 10px; padding: 10px;
} }
#typeImage{ #typeImage{
bject-fit: contain;
width: 50%; width: 50%;
} }