'updated_App.vue_css'

.idea/workspace.xml

 <?xml version="1.0" encoding="UTF-8"?>
 <project version="4">
   <component name="ChangeListManager">
-    <list default="true" id="1a1b2fc9-e664-4b80-be31-181ccebefc6b" name="Default Changelist" comment="" />
+    <list default="true" id="1a1b2fc9-e664-4b80-be31-181ccebefc6b" name="Default Changelist" comment="">
+      <change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/UI/src/App.vue" beforeDir="false" afterPath="$PROJECT_DIR$/UI/src/App.vue" afterDir="false" />
+    </list>
     <option name="SHOW_DIALOG" value="false" />
     <option name="HIGHLIGHT_CONFLICTS" value="true" />
     <option name="HIGHLIGHT_NON_ACTIVE_CHANGELIST" value="false" />
@@ -56,7 +59,9 @@
       <workItem from="1625686864504" duration="999000" />
       <workItem from="1625689044297" duration="15000" />
       <workItem from="1625689100430" duration="17000" />
-      <workItem from="1625777539136" duration="350000" />
+      <workItem from="1625777539136" duration="790000" />
+      <workItem from="1625827836141" duration="891000" />
+      <workItem from="1625830603744" duration="793000" />
     </task>
     <servers />
   </component>

UI/src/App.vue

 <template>
-  <div id="app">
+  <div id="app" class="bg-pic">
     <router-view />
   </div>
 </template>
+
+<style lang='scss'>
+.bg-pic{
+  background-image: url("/bg-pic.jpg");
+  background-position: center;
+  background-repeat: no-repeat;
+  background-size: cover;
+}
+</style>
\ No newline at end of file