Mirror/betaflight-configurator
1
0
Fork 0
mirror of https://github.com/betaflight/betaflight-configurator.git synced 2025-07-24 16:55:24 +03:00
Code Issues Wiki Activity

Merge pull request #2908 from chmelevskij/chore/move-styles-into-components

Browse source 
refactor: move styles closer to the components
This commit is contained in:
Asizon 2022-05-08 09:28:57 +02:00 • committed by GitHub
commit 6319421e3d
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
5 changed files with 62 additions and 60 deletions
Download patch file Download diff file Expand all files Collapse all files

16
src/components/quad-status/BatteryLegend.vue
View file

@ -32,3 +32,19 @@ export default {
},
};
</script>
<style>
.battery-legend {
display: inline;
position: relative;
top: -2px;
margin-top: 0;
left: 0;
right: 0;
width: 40px;
text-align: left;
color: silver;
margin-left: -8px;
padding-right: 4px;
}
</style>

36
src/components/status-bar/StatusBar.vue
View file

@ -69,20 +69,48 @@ export default {
configuratorVersion: {
type: String,
default: '',
default: "",
},
firmwareVersion: {
type: String,
default: '',
default: "",
},
firmwareId: {
type: String,
default: '',
default: "",
},
hardwareId: {
type: String,
default: '',
default: "",
},
},
};
</script>
<style>
/** Status bar **/
#status-bar {
position: fixed;
display: flex;
bottom: 0;
width: calc(100% - 20px);
height: 20px;
line-height: 20px;
padding: 0 10px 0 10px;
border-top: 1px solid #7d7d79;
background-color: #bfbeb5;
}
#status-bar > * ~ * {
padding-left: 10px;
margin-left: 10px;
border-left: 1px solid #7d7d79;
}
/** Status bar (phones) **/
@media all and (max-width: 575px) {
#status-bar {
display: none;
}
}
</style>

17
src/components/status-bar/StatusBarVersion.vue
View file

@ -16,20 +16,29 @@ export default {
props: {
configuratorVersion: {
type: String,
default: '',
default: "",
},
firmwareVersion: {
type: String,
default: '',
default: "",
},
firmwareId: {
type: String,
default: '',
default: "",
},
hardwareId: {
type: String,
default: '',
default: "",
},
},
};
</script>
<style>
.version {
margin: 0;
padding: 0;
border: 0;
margin-left: auto;
}
</style>

1
src/css/dark-theme.css
View file

@ -46,6 +46,7 @@ body {
background-color: #393b3a;
}
/* NOTE: need to think on how to load the dark theme with vue */
#status-bar {
background-color: #414443;
}

52
src/css/main.css
View file

@ -656,21 +656,6 @@ input[type="number"]::-webkit-inner-spin-button {
width: 31px;
}
.battery-legend {
display: inline;
position: relative;
top: -2px;
margin-top: 0;
left: 0;
right: 0;
width: 40px;
text-align: left;
color: silver;
margin-left: -8px;
padding-right: 4px
}
.quad-status-contents progress::-webkit-progress-bar {
height: 12px;
background-color: #eee;
@ -1457,43 +1442,6 @@ li.active .ic_mission {
}
}
/** Status bar **/
#status-bar {
position: fixed;
display: flex;
bottom: 0;
width: calc(100% - 20px);
height: 20px;
line-height: 20px;
padding: 0 10px 0 10px;
border-top: 1px solid #7d7d79;
background-color: #bfbeb5;
}
#status-bar > * ~ * {
padding-left: 10px;
margin-left: 10px;
border-left: 1px solid #7d7d79;
}
#status-bar .version {
margin: 0;
padding: 0;
border: 0;
margin-left: auto;
}
/** Status bar (phones) **/
@media all and (max-width: 575px) {
#status-bar {
display: none;
}
}
#cache {
display: none;
}