diff options
author | Remy Raes <raes.remy@gmail.com> | 2022-09-23 01:46:36 +0200 |
---|---|---|
committer | Remy Raes <raes.remy@gmail.com> | 2022-09-23 01:46:36 +0200 |
commit | c08f55039c80cbe84e2bfe50262d596b05f22fc4 (patch) | |
tree | 479f3155ec607fa5e0eeab903810aef063f63d34 /src-vue | |
parent | 089062ebd785aaf2b822baf183f116c9f23d4582 (diff) | |
download | FlightCore-c08f55039c80cbe84e2bfe50262d596b05f22fc4.tar.gz FlightCore-c08f55039c80cbe84e2bfe50262d596b05f22fc4.zip |
feat: add a container to display background images
Diffstat (limited to 'src-vue')
-rw-r--r-- | src-vue/src/App.vue | 3 | ||||
-rw-r--r-- | src-vue/src/assets/wallpaperflare.com_wallpaper.jpg | bin | 0 -> 586994 bytes | |||
-rw-r--r-- | src-vue/src/style.css | 9 |
3 files changed, 11 insertions, 1 deletions
diff --git a/src-vue/src/App.vue b/src-vue/src/App.vue index 59064467..7022e5e0 100644 --- a/src-vue/src/App.vue +++ b/src-vue/src/App.vue @@ -2,6 +2,7 @@ </script> <template> + <div id="fc_bg__container"/> <el-tabs class="fc_menu__tabs" type="card"> <el-tab-pane label="Play">Play</el-tab-pane> <el-tab-pane label="Changelog">Changelog</el-tab-pane> @@ -37,7 +38,7 @@ /* Header menu */ .fc_menu__tabs .el-tabs__header { - background-color: #3c4549; + background-color: #3c4549b8; height: auto !important; } diff --git a/src-vue/src/assets/wallpaperflare.com_wallpaper.jpg b/src-vue/src/assets/wallpaperflare.com_wallpaper.jpg Binary files differnew file mode 100644 index 00000000..74a840cd --- /dev/null +++ b/src-vue/src/assets/wallpaperflare.com_wallpaper.jpg diff --git a/src-vue/src/style.css b/src-vue/src/style.css index 60925395..c34981a8 100644 --- a/src-vue/src/style.css +++ b/src-vue/src/style.css @@ -1,3 +1,12 @@ body { margin: 0; +} + +#fc_bg__container { + background: url(/src/assets/wallpaperflare.com_wallpaper.jpg) center no-repeat; + background-size: cover; + height: 100%; + width: 100%; + position: fixed; + filter: brightness(0.8); }
\ No newline at end of file |