get rid of the footer

Signed-off-by: ngn <ngn@ngn.tf>

docker/docker-compose.yml

@@ -2,10 +2,6 @@ services:
   st_frontend:
     container_name: safetwitch_frontend
     image: git.ngn.tf/ngn/safetwitch
-    security_opt:
-    - no-new-privileges:true
-    cap_drop:
-    - ALL
     ports:
     - 8080:8280
     environment:

renovate.json

@@ -0,0 +1,5 @@
+{
+  "extends": ["config:recommended"],
+  "timezone": "Europe/Istanbul",
+  "prHourlyLimit": 20
+}

src/App.vue

@@ -1,7 +1,6 @@
 <script setup lang="ts">
 import { RouterView } from 'vue-router'
 import NavbarItem from './components/NavbarView.vue'
-import FooterItem from './components/FooterView.vue'
 import DevWarning from './components/DevWarning.vue'
 
 import { getTheme } from '@/settingsManager'
@@ -13,11 +12,8 @@ const dev = import.meta.env.DEV
   <dev-warning v-if="dev"></dev-warning>
   <div :class="getTheme()" class="flex flex-col justify-between min-h-[100vh] bg-primary">
     <navbar-item></navbar-item>
-
     <Suspense>
       <RouterView :key="$route.fullPath" />
     </Suspense>
-
-    <footer-item></footer-item>
   </div>
 </template>

src/components/FooterView.vue

@@ -1,23 +0,0 @@
-<script lang="ts">
-const dev = import.meta.env.DEV
-
-export default {
-  setup() {
-    let version = `${import.meta.env.SAFETWITCH_TAG}-${import.meta.env.SAFETWITCH_COMMIT_HASH}`
-
-    if (dev) {
-      version = version + '-dev'
-    }
-
-    return {
-      version
-    }
-  }
-}
-</script>
-
-<template>
-  <div class="m-2 mt-5 flex justify-center">
-    <p class="text-contrast font-bold">SafeTwitch {{ version }}</p>
-  </div>
-</template>

src/components/NavbarView.vue

@@ -70,7 +70,11 @@ export default {
 </template>
 
 <style>
-a:hover, router-link:hover {
+nav {
+  color:
+}
+
+ul a:hover, ul router-link:hover {
   text-decoration: underline;
 }
 

src/components/SearchBar.vue

@@ -15,9 +15,8 @@ export default {
 </script>
 
 <template>
-  <div class="relative md:block">
+  <div class="relative md:block outline-none">
     <label for="searchBar" class="hidden">{{ $t('main.search') }}</label>
-    <v-icon name="io-search-outline" class="absolute my-auto inset-y-0 left-2"></v-icon>
     <input
       type="text"
       id="searchBar"
@@ -25,7 +24,8 @@ export default {
       :placeholder="$t('main.search')"
       v-model="searchInput"
       @keyup.enter="redirectToSearch"
-      class="rounded-md p-1 pl-8 w-56 text-white bg-black border-white outline-none placeholder:text-white w-full"
+      class="rounded-md p-1 pl-8 w-56 text-white bg-black placeholder:text-white w-full outline-none"
+      :style="border: solid 1px ${theme.extend.colors.contrast}"
     />
   </div>
 </template>

src/settingsManager.ts

@@ -244,8 +244,8 @@ export const themeList = [
     // just as if you were to extend tailwind's theme like normal https://tailwindcss.com/docs/theme#extending-the-default-theme
     extend: {
       colors: {
-        primary: '#000',
+        primary: '#141515',
-        secondary: '#1e1f1f',
+        secondary: '#000',
         overlay0: '#282a2a',
         overlay1: '#323434',
         surface0: '#393B3B',

src/views/HomepageView.vue

@@ -83,7 +83,7 @@ export default {
     <error-message ></error-message>
   </div>
 
-  <div v-show="data" class="max-w-5xl w-[100vw] mx-auto">
+  <div v-show="data" class="p-5">
     <vue-title title="Discover"></vue-title>
     <div v-if="following && following.length > 0" class="p-2 text-contrast">
       <h1 class="font-bold text-5xl">{{ $t('home.following') }}</h1>