aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorRemy Raes <raes.remy@gmail.com>2022-09-23 01:46:36 +0200
committerRemy Raes <raes.remy@gmail.com>2022-09-23 01:46:36 +0200
commitc08f55039c80cbe84e2bfe50262d596b05f22fc4 (patch)
tree479f3155ec607fa5e0eeab903810aef063f63d34
parent089062ebd785aaf2b822baf183f116c9f23d4582 (diff)
downloadFlightCore-c08f55039c80cbe84e2bfe50262d596b05f22fc4.tar.gz
FlightCore-c08f55039c80cbe84e2bfe50262d596b05f22fc4.zip
feat: add a container to display background images
-rw-r--r--src-vue/src/App.vue3
-rw-r--r--src-vue/src/assets/wallpaperflare.com_wallpaper.jpgbin0 -> 586994 bytes
-rw-r--r--src-vue/src/style.css9
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
new file mode 100644
index 00000000..74a840cd
--- /dev/null
+++ b/src-vue/src/assets/wallpaperflare.com_wallpaper.jpg
Binary files differ
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