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,33 +35,25 @@ 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>
+          <MdiDiscord v-t="['e:community:discord']" class="icon text-[#7289DA]" @click="open('https://discord.gg/5RgZmkW')" />
-            <div class="flex justify-space-between d-100 pr-2">
+          <div
-              <MdiDiscord v-t="['e:community:discord']" class="icon text-[#7289DA]" @click="open('https://discord.gg/5RgZmkW')" />
+            v-t="['e:community:discourse']"
-              <div
+            class="icon flex items-center justify-center min-w-[43px]"
-                v-t="['e:community:discourse']"
+            @click="open('https://community.nocodb.com/')"
-                class="icon flex items-center justify-center min-w-[43px]"
+          >
-                @click="open('https://community.nocodb.com/')"
+            <div class="discourse" />
-              >
+          </div>
-                <div class="discourse" />
+          <MdiReddit v-t="['e:community:reddit']" class="icon text-[#FF4600]" @click="open('https://www.reddit.com/r/NocoDB/')" />
-              </div>
+          <MdiTwitter v-t="['e:community:twitter']" class="icon text-[#1DA1F2]" @click="open('https://twitter.com/NocoDB')" />
-              <MdiReddit
+          <MdiCalendarMonth
-                v-t="['e:community:reddit']"
+            v-t="['e:community:book-demo']"
-                class="icon text-[#FF4600]"
+            class="icon text-green-500"
-                @click="open('https://www.reddit.com/r/NocoDB/')"
+            @click="open('https://calendly.com/nocodb-meeting')"
-              />
+          />
-              <MdiTwitter v-t="['e:community:twitter']" class="icon text-[#1DA1F2]" @click="open('https://twitter.com/NocoDB')" />
+        </div>
-              <MdiCalendarMonth
+      </v-list>
-                v-t="['e:community:book-demo']"
-                class="icon text-green-500"
-                @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 />