From c08f55039c80cbe84e2bfe50262d596b05f22fc4 Mon Sep 17 00:00:00 2001
From: Remy Raes <raes.remy@gmail.com>
Date: Fri, 23 Sep 2022 01:46:36 +0200
Subject: feat: add a container to display background images

---
 src-vue/src/App.vue                                 |   3 ++-
 src-vue/src/assets/wallpaperflare.com_wallpaper.jpg | Bin 0 -> 586994 bytes
 src-vue/src/style.css                               |   9 +++++++++
 3 files changed, 11 insertions(+), 1 deletion(-)
 create mode 100644 src-vue/src/assets/wallpaperflare.com_wallpaper.jpg

(limited to 'src-vue')

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
Binary files /dev/null and b/src-vue/src/assets/wallpaperflare.com_wallpaper.jpg 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
-- 
cgit v1.2.3