refactor: remove footer

Author: tymmesyde

src/App.vue

@@ -18,16 +18,13 @@
             </router-view>
         </div>
     </div>
-
-    <Footer></Footer>
 </template>
 
 <script>
 import { useMeta } from 'vue-meta';
 
 import Header from '@/components/Header.vue';
 import Error from '@/components/Error.vue';
-import Footer from '@/components/Footer.vue';
 import { APP_TITLE } from '@/common/config';
 
 import store from './store';
@@ -39,7 +36,6 @@ export default {
     components: {
         Header,
         Error,
-        Footer
     },
     computed: {
         client: () => store.state.client,
@@ -114,7 +110,7 @@ $padding: 25px;
     .view-container {
         overflow-y: auto;
         top: $header-height;
-        height: calc(100vh - #{$header-height} - #{$footer-height});
+        height: calc(100vh - #{$header-height});
 
         .inner {
             width: $inner-width;

src/assets/styles/main.scss

@@ -126,10 +126,4 @@ ul {
 .fade-enter-from,
 .fade-leave-to {
     opacity: 0;
-}
-
-@media only screen and (max-width: 768px) {
-    footer {
-        display: none;
-    }
 }

src/assets/styles/variables.scss

@@ -8,6 +8,5 @@ $success-color: #64c72b;
 $inner-width: 580px;
 $header-height: 75px;
 $header-height-mobile: 60px;
-$footer-height: 90px;
 $chat-width: 330px;
 $player-controls-height: 5rem;