setting & watch page rounding

NUXT/components/UtilRenderers/baseVideoRenderer.vue

@@ -110,8 +110,9 @@ export default {
   position: absolute;
   bottom: 10px;
   right: 10px;
-  border-radius: 5px;
+  border-radius: 4px;
   padding: 0px 4px 0px 4px;
+  font-size: 0.66rem;
 }
 
 .videoRuntimeFloat.style-DEFAULT {

NUXT/pages/mods/about.vue

@@ -15,6 +15,7 @@
 
     <!--   App Information   -->
     <v-card
+      flat
       class="obj"
       :class="
         $vuetify.theme.dark ? 'background lighten-1' : 'background darken-1'
@@ -31,6 +32,7 @@
 
     <!--   Device Information   -->
     <v-card
+      flat
       class="obj"
       :class="
         $vuetify.theme.dark ? 'background lighten-1' : 'background darken-1'

NUXT/pages/mods/logs.vue

@@ -5,7 +5,7 @@
         class="card background"
         :class="$vuetify.theme.dark ? 'lighten-1' : 'darken-1'"
         flat
-        :style="{borderRadius: `${roundTweak / 2}rem`}"
+        :style="{ borderRadius: `${roundTweak / 2}rem` }"
       >
         <v-card-title>
           <v-chip v-if="item.error" outlined class="errorChip" color="error"

NUXT/pages/mods/updates.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="py-2">
+  <div>
     <v-list-item v-for="(item, index) in commits" :key="index" class="my-1">
       <v-card
         flat

NUXT/pages/settings.vue

@@ -1,11 +1,25 @@
 <template>
-  <div style="padding-top: 1em">
-    <v-list-item v-for="(item, index) in settingsItems" :key="index">
+  <div>
+    <v-list-item
+      v-for="(item, index) in settingsItems"
+      :key="index"
+      :style="{
+        padding:
+          $store.state.tweaks.roundTweak > 0
+            ? '0 1rem !important'
+            : '0rem !important',
+      }"
+    >
       <v-btn
         text
         class="entry text-left text-capitalize"
         :to="item.to"
         :disabled="item.disabled"
+        :style="{
+          borderRadius: `${$store.state.tweaks.roundTweak / 2}rem`,
+          paddingLeft:
+            $store.state.tweaks.roundTweak > 0 ? '' : '1.5rem !important',
+        }"
       >
         <v-icon size="30px" class="icon" v-text="item.icon" />
         {{ item.name }}
@@ -29,19 +43,6 @@
   </div>
 </template>
 
-<style scoped>
-.entry {
-  width: 100%;
-  font-size: 1.2em;
-  justify-content: left !important;
-  padding: 1.5em 0.5em 1.5em 0.5em !important;
-}
-
-.icon {
-  margin-right: 0.5em;
-}
-</style>
-
 <script>
 export default {
   data() {

NUXT/pages/watch.vue

@@ -12,12 +12,18 @@
 
       <!--   Stock Player   -->
       <legacyPlayer
+        v-if="useBetaPlayer !== 'true'"
         id="player"
         ref="player"
         v-touch="{ down: () => $router.push('/home') }"
         class="background"
         :vid-src="vidSrc"
-        v-if="useBetaPlayer !== 'true'"
+        style="overflow: hidden !important"
+        :style="{
+          borderRadius: $store.state.tweaks.roundWatch
+            ? `${$store.state.tweaks.roundTweak / 4}rem`
+            : '0',
+        }"
       />
     </div>
 
@@ -108,14 +114,36 @@
           </v-sheet>
         </v-bottom-sheet> -->
       </v-card>
-      <v-divider />
+
+      <v-divider
+        v-if="
+          !$store.state.tweaks.roundTweak || !$store.state.tweaks.roundWatch
+        "
+      />
 
       <!--   Channel Bar   -->
       <div v-if="loaded">
         <v-card
           flat
-          class="channel-section background py-2 px-3 rounded-0"
+          class="channel-section py-2 px-3 background"
+          :class="
+            $store.state.tweaks.roundWatch && $store.state.tweaks.roundTweak > 0
+              ? $vuetify.theme.dark
+                ? 'background lighten-1'
+                : 'background darken-1'
+              : ''
+          "
           :to="video.channelUrl"
+          :style="{
+            borderRadius: $store.state.tweaks.roundWatch
+              ? `${$store.state.tweaks.roundTweak / 2}rem`
+              : '0',
+            margin:
+              $store.state.tweaks.roundWatch &&
+              $store.state.tweaks.roundTweak > 0
+                ? '1rem'
+                : '0',
+          }"
         >
           <div id="details">
             <div class="avatar-link mr-3">
@@ -136,9 +164,14 @@
             subscribe
           </div>
         </v-card>
-        <v-divider />
       </div>
 
+      <v-divider
+        v-if="
+          !$store.state.tweaks.roundTweak || !$store.state.tweaks.roundWatch
+        "
+      />
+
       <!-- Description -->
       <div v-if="showMore">
         <div class="scroll-y ma-4">
@@ -146,12 +179,39 @@
             :render="video.renderedData.description"
           />
         </div>
-        <v-divider />
       </div>
 
+      <v-divider
+        v-if="
+          !$store.state.tweaks.roundTweak || !$store.state.tweaks.roundWatch
+        "
+      />
+
       <!-- Comments -->
-      <div v-if="loaded && video.commentData" @click="toggleComment" v-ripple>
-        <v-card flat tile class="background comment-renderer px-3">
+      <div v-if="loaded && video.commentData" @click="toggleComment">
+        <v-card
+          v-ripple
+          flat
+          tile
+          class="comment-renderer px-3 background"
+          :class="
+            $store.state.tweaks.roundWatch && $store.state.tweaks.roundTweak > 0
+              ? $vuetify.theme.dark
+                ? 'background lighten-1'
+                : 'background darken-1'
+              : ''
+          "
+          :style="{
+            borderRadius: $store.state.tweaks.roundWatch
+              ? `${$store.state.tweaks.roundTweak / 2}rem !important`
+              : '0',
+            margin:
+              $store.state.tweaks.roundWatch &&
+              $store.state.tweaks.roundTweak > 0
+                ? '1rem'
+                : '0',
+          }"
+        >
           <v-card-text class="comment-count keep-spaces px-0">
             <template v-for="text in video.commentData.headerText.runs">
               <template v-if="text.bold">
@@ -163,9 +223,14 @@
           <v-icon v-if="showComments" dense>mdi-unfold-less-horizontal</v-icon>
           <v-icon v-else dense>mdi-unfold-more-horizontal</v-icon>
         </v-card>
-        <v-divider />
       </div>
 
+      <v-divider
+        v-if="
+          !$store.state.tweaks.roundTweak || !$store.state.tweaks.roundWatch
+        "
+      />
+
       <swipeable-bottom-sheet
         v-model="showComments"
         hide-overlay
@@ -384,6 +449,13 @@ export default {
             actionName: "share",
             disabled: false,
           },
+          {
+            name: "Save",
+            // icon: "mdi-playlist-plus",
+            icon: "mdi-plus-box-multiple-outline",
+            actionName: "enqueue",
+            disabled: true,
+          },
         ],
         showMore: false,
         showComments: false,