chore(gui-v2): add gap to social icons

Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>

packages/nc-gui-v2/components/general/Social.vue

@@ -35,10 +35,8 @@ const isZhLang = $computed(() => locale.value.startsWith('zh'))
     </div>
 
     <template v-else>
-      <div class="flex justify-end">
+      <v-list density="compact">
-        <v-list width="100%" class="py-0 flex-shrink-1 text-left elevation-0 rounded-sm community-card item active" dense>
+        <div class="flex justify-between gap-1 w-full px-2">
-          <v-list-item>
-            <div class="flex justify-space-between d-100 pr-2">
           <MdiDiscord v-t="['e:community:discord']" class="icon text-[#7289DA]" @click="open('https://discord.gg/5RgZmkW')" />
           <div
             v-t="['e:community:discourse']"
@@ -47,11 +45,7 @@ const isZhLang = $computed(() => locale.value.startsWith('zh'))
           >
             <div class="discourse" />
           </div>
-              <MdiReddit
+          <MdiReddit v-t="['e:community:reddit']" class="icon text-[#FF4600]" @click="open('https://www.reddit.com/r/NocoDB/')" />
-                v-t="['e:community:reddit']"
-                class="icon text-[#FF4600]"
-                @click="open('https://www.reddit.com/r/NocoDB/')"
-              />
           <MdiTwitter v-t="['e:community:twitter']" class="icon text-[#1DA1F2]" @click="open('https://twitter.com/NocoDB')" />
           <MdiCalendarMonth
             v-t="['e:community:book-demo']"
@@ -59,9 +53,7 @@ const isZhLang = $computed(() => locale.value.startsWith('zh'))
             @click="open('https://calendly.com/nocodb-meeting')"
           />
         </div>
-          </v-list-item>
       </v-list>
-      </div>
     </template>
   </div>
 </template>

packages/nc-gui-v2/pages/projects/index.vue

@@ -36,7 +36,7 @@ const navDrawerOptions = [
 <template>
   <NuxtLayout>
     <template #sidebar>
-      <v-navigation-drawer width="300">
+      <v-navigation-drawer :border="0">
         <div class="flex flex-col h-full">
           <div class="flex-1 flex flex-col gap-2 p-4">
             <v-menu class="select-none">
@@ -67,10 +67,12 @@ const navDrawerOptions = [
               </v-list>
             </v-menu>
 
-            <div></div>
+            <div>
+
+            </div>
           </div>
 
-          <v-divider class="my-1" />
+          <v-divider />
 
           <general-social />