neviyn/ObservationDatabase
1
0
Fork 0
Code Issues Pull Requests Releases 1 Wiki Activity

Moved object-fit to css.

Browse Source
This commit is contained in:
neviyn 2018-10-08 12:30:51 +01:00
parent 462e86bd36
commit ed3b748469
1 changed files with 7 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
frontend/src/views/Observation.vue
View File

@ -7,31 +7,31 @@
<b-container class="sidebar"> <b-container class="sidebar">
<b-row align-v="center" class="sidebar-vert-padding"> <b-row align-v="center" class="sidebar-vert-padding">
<b-col class="centered-image"> <b-col class="centered-image">
<img src="../assets/Monitoring.svg" class="image-opacity" object-fill="contain"/> <img src="../assets/Monitoring.svg" class="image-opacity"/>
<div class="image-centered-text">{{ totals[0] }}</div> <div class="image-centered-text">{{ totals[0] }}</div>
</b-col> </b-col>
</b-row> </b-row>
<b-row align-v="center" class="sidebar-vert-padding"> <b-row align-v="center" class="sidebar-vert-padding">
<b-col class="centered-image"> <b-col class="centered-image">
<img src="../assets/Control.svg" class="image-opacity" object-fill="contain"/> <img src="../assets/Control.svg" class="image-opacity"/>
<div class="image-centered-text">{{ totals[1] }}</div> <div class="image-centered-text">{{ totals[1] }}</div>
</b-col> </b-col>
</b-row> </b-row>
<b-row align-v="center" class="sidebar-vert-padding"> <b-row align-v="center" class="sidebar-vert-padding">
<b-col class="centered-image"> <b-col class="centered-image">
<img src="../assets/Conservatism.svg" class="image-opacity" object-fill="contain"/> <img src="../assets/Conservatism.svg" class="image-opacity"/>
<div class="image-centered-text">{{ totals[2] }}</div> <div class="image-centered-text">{{ totals[2] }}</div>
</b-col> </b-col>
</b-row> </b-row>
<b-row align-v="center" class="sidebar-vert-padding"> <b-row align-v="center" class="sidebar-vert-padding">
<b-col class="centered-image"> <b-col class="centered-image">
<img src="../assets/Teamwork.svg" class="image-opacity" object-fill="contain"/> <img src="../assets/Teamwork.svg" class="image-opacity"/>
<div class="image-centered-text">{{ totals[3] }}</div> <div class="image-centered-text">{{ totals[3] }}</div>
</b-col> </b-col>
</b-row> </b-row>
<b-row align-v="center"> <b-row align-v="center">
<b-col class="centered-image"> <b-col class="centered-image">
<img src="../assets/Knowledge.svg" class="image-opacity" object-fill="contain"/> <img src="../assets/Knowledge.svg" class="image-opacity"/>
<div class="image-centered-text">{{ totals[4] }}</div> <div class="image-centered-text">{{ totals[4] }}</div>
</b-col> </b-col>
</b-row> </b-row>
@ -219,7 +219,7 @@
handleOk(evt) { handleOk(evt) {
// Prevent modal from closing // Prevent modal from closing
evt.preventDefault(); evt.preventDefault();
if(this.password) { if (this.password) {
this.handleSubmit() this.handleSubmit()
} }
}, },
@ -300,5 +300,6 @@
img { img {
height: 80px; height: 80px;
object-fit: contain;
} }
</style> </style>