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

fix stretched headerImage in StationSidebar

Browse Source
This commit is contained in:
Aindréas Ó hAodha
2023-07-11 21:24:15 +01:00
parent 006dc0f21c
commit 7fe10ebe5b
1 changed files with 7 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/StationSidebar.vue
View File

@ -3,7 +3,7 @@
<div v-on:click="store.setDisplaySelectedStation(false)" id="xButton">🗙</div> <div v-on:click="store.setDisplaySelectedStation(false)" id="xButton">🗙</div>
<h2>Station Code: {{ store.selectedStation["StationCode"][0] }}</h2> <h2>Station Code: {{ store.selectedStation["StationCode"][0] }}</h2>
<div id="sidebarHeader"> <div id="sidebarHeader">
<img id="headerImage" src="../assets/station.png" alt="Station Icon"> <img id="headerImage" src="../assets/station.png" alt="Station Icon" style="object-fit: contain;">
</div> </div>
<div id="sidebarDiv"> <div id="sidebarDiv">
@ -91,6 +91,7 @@ export default {
} }
#typeDiv, #positionDiv, #descriptionDiv{ #typeDiv, #positionDiv, #descriptionDiv{
object-fit: contain;
background-color: rgb(230, 230, 230); background-color: rgb(230, 230, 230);
height: 12%; height: 12%;
position: absolute; position: absolute;
@ -128,7 +129,10 @@ export default {
#latP{left: 3%;} #latP{left: 3%;}
#typeImage{width: 70%;} #typeImage{
object-fit: contain;
width: 70%;
}
#positionDiv{top: 16%;} #positionDiv{top: 16%;}
#descriptionDiv{top: 29.5%;} #descriptionDiv{top: 29.5%;}
@ -142,7 +146,7 @@ export default {
} }
#typeImage{ #typeImage{
bject-fit: contain; object-fit: contain;
width: 50%; width: 50%;
} }