FGFS-4.1/flightgear-airports-old
4
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Styling

Browse Source
This commit is contained in:
portree_kid 2020-06-22 17:04:50 +02:00
parent 063fd049f0
commit 4b1ee70da5
3 changed files with 22 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/renderer/components/AirportEdit.vue
View File

@ -3,7 +3,7 @@
<h1 class="leaflet-sidebar-header">{{ icao }} {{ name }}</h1>
<div width="100%" >
<el-row>
<el-col :span="7">Airlines :</el-col>
<el-col :span="7"><span class="label"> Airlines :</span></el-col>
<el-col :span="15">
<el-tag v-for="item in airlines" :key="item.value">{{item.value}}</el-tag>
</el-col>
@ -71,7 +71,7 @@ export default {
if (this.editLayer === null) {
this.initLayer()
}
return this.editLayer.editing
return this.editLayer !== null && this.editLayer.editing
}
},
icao: function () {
@ -119,4 +119,10 @@ export default {
padding: 0em;
margin-bottom: 5px;
}
.label {
display: flex;
justify-content: left;
align-items: center;
font-weight: bold;
}
</style>

14
src/renderer/components/CheckPanel.vue
View File

@ -8,10 +8,10 @@
</h1>
<div id="panel" width="100%">
<el-row v-for="(result,idx) in results" :key="idx">
<el-col :span="3" v-if="result.id<0"><i class="far fa-check-circle"></i></el-col>
<el-col :span="3" v-if="result.id>=0"><i class="fas fa-exclamation-triangle"></i></el-col>
<el-col :span="15">{{ result.message }}</el-col>
<el-col :span="7" v-if="result.id>=0"><el-button v-on:click="show(result.id)" class="button"><i class="fas fa-bullseye"></i></el-button></el-col>
<el-col :span="2" v-if="result.id<0"><span class="label"><i class="far fa-check-circle"></i></span></el-col>
<el-col :span="2" v-if="result.id>=0"><span class="label"><i class="fas fa-exclamation-triangle"></i></span></el-col>
<el-col :span="15"><span class="label">{{ result.message }}</span></el-col>
<el-col :span="4" v-if="result.id>=0"><el-button v-on:click="show(result.id)" class="button"><i class="fas fa-bullseye"></i></el-button></el-col>
</el-row>
</div>
</div>
@ -53,4 +53,10 @@
padding-left: 10px;
padding-right: 10px;
}
.label {
display: flex;
justify-content: left;
align-items: center;
font-weight: normal;
}
</style>

6
src/renderer/components/LeafletSidebar.vue
View File

@ -6,7 +6,7 @@
<li><a href="#home" role="tab"><i class="fa fa-bars"></i></a></li>
<li><a href="#edit" role="tab"><i class="fas fa-edit"></i></a></li>
<!--<li><a href="#parking" role="tab"><i class="fas fa-parking"></i></a></li>-->
<li><a href="#check" role="tab"><i class="far fa-check-square"></i></a></li>
<li :v-if="results"><a href="#check" role="tab"><i class="far fa-check-square"></i></a></li>
<li><a href="#search" role="tab"><i class="fa fa-search"></i></a></li>
<li><a href="#wip" role="tab"><i class="fas fa-wrench"></i></a></li>
</ul>
@ -126,7 +126,9 @@
}
},
computed: {
results: function () {
return this.$store.state.Check.results.length > 0
}
}
}
</script>