github
/
nocodb
mirror of https://github.com/nocodb/nocodb
1
0
Fork 0
Code Issues Releases Wiki Activity
Browse Source

chore(gui-v2): update sidebar spacings

pull/2837/head
braks 2 years ago
parent
0dad71fdf8
commit
7cfddd80e6
1 changed files with 16 additions and 10 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 26
      packages/nc-gui-v2/components/smartsheet/Sidebar.vue

26
packages/nc-gui-v2/components/smartsheet/Sidebar.vue
Unescape View File

@ -304,7 +304,7 @@ function onApiSnippet() {
<a-menu-item <a-menu-item
v-for="(view, i) of views" v-for="(view, i) of views"
:key="view.id" :key="view.id"
class="group !flex !items-center" class="group !flex !items-center !my-0"
@dblclick="onDblClick(i)" @dblclick="onDblClick(i)"
@click="onClick(view)" @click="onClick(view)"
> >
@ -322,7 +322,7 @@ function onApiSnippet() {
<div class="flex-1" /> <div class="flex-1" />
<template v-if="isEditing !== i && !view.is_default"> <template v-if="isEditing !== i">
<div class="flex items-center gap-1"> <div class="flex items-center gap-1">
<a-tooltip placement="left"> <a-tooltip placement="left">
<template #title> <template #title>
@ -333,6 +333,7 @@ function onApiSnippet() {
</a-tooltip> </a-tooltip>
<a-popconfirm <a-popconfirm
v-if="!view.is_default"
placement="left" placement="left"
:title="$t('msg.info.deleteProject')" :title="$t('msg.info.deleteProject')"
:ok-text="$t('general.yes')" :ok-text="$t('general.yes')"
@ -366,7 +367,7 @@ function onApiSnippet() {
</a-tooltip> </a-tooltip>
</h3> </h3>
<a-menu-item key="grid" class="group !flex !items-center !h-[30px]" @click="openModal(ViewTypes.GRID)"> <a-menu-item key="grid" class="group !flex !items-center !my-0 !h-[30px]" @click="openModal(ViewTypes.GRID)">
<a-tooltip placement="left"> <a-tooltip placement="left">
<template #title> <template #title>
{{ $t('msg.info.addView.grid') }} {{ $t('msg.info.addView.grid') }}
@ -384,7 +385,7 @@ function onApiSnippet() {
</a-tooltip> </a-tooltip>
</a-menu-item> </a-menu-item>
<a-menu-item key="gallery" class="group !flex !items-center !h-[30px]" @click="openModal(ViewTypes.GALLERY)"> <a-menu-item key="gallery" class="group !flex !items-center !-my0 !h-[30px]" @click="openModal(ViewTypes.GALLERY)">
<a-tooltip placement="left"> <a-tooltip placement="left">
<template #title> <template #title>
{{ $t('msg.info.addView.gallery') }} {{ $t('msg.info.addView.gallery') }}
@ -402,7 +403,12 @@ function onApiSnippet() {
</a-tooltip> </a-tooltip>
</a-menu-item> </a-menu-item>
<a-menu-item v-if="!isView" key="form" class="group !flex !items-center !h-[30px]" @click="openModal(ViewTypes.FORM)"> <a-menu-item
v-if="!isView"
key="form"
class="group !flex !items-center !my-0 !h-[30px]"
@click="openModal(ViewTypes.FORM)"
>
<a-tooltip placement="left"> <a-tooltip placement="left">
<template #title> <template #title>
{{ $t('msg.info.addView.form') }} {{ $t('msg.info.addView.form') }}
@ -420,16 +426,16 @@ function onApiSnippet() {
</a-tooltip> </a-tooltip>
</a-menu-item> </a-menu-item>
<div class="flex-auto justify-end flex flex-col gap-4 mt-2"> <div class="flex-auto justify-end flex flex-col gap-4 mt-4">
<button <button
class="flex items-center gap-2 w-full mx-3 p-4 rounded !bg-primary text-white transform translate-x-4 hover:(translate-x-0 shadow-lg) transition duration-150 ease" class="flex items-center gap-2 w-full mx-3 px-4 py-3 rounded !bg-primary text-white transform translate-x-4 hover:(translate-x-0 shadow-lg) transition duration-150 ease"
@click="onApiSnippet" @click="onApiSnippet"
> >
<MdiXml />Get API Snippet <MdiXml />Get API Snippet
</button> </button>
<button <button
class="flex items-center gap-2 w-full mx-3 p-4 rounded border transform translate-x-4 hover:(translate-x-0 shadow-lg) transition duration-150 ease" class="flex items-center gap-2 w-full mx-3 px-4 py-3 rounded border transform translate-x-4 hover:(translate-x-0 shadow-lg) transition duration-150 ease"
@click="onApiSnippet" @click="onApiSnippet"
> >
<MdiHook />{{ $t('objects.webhooks') }} <MdiHook />{{ $t('objects.webhooks') }}
@ -444,7 +450,7 @@ function onApiSnippet() {
<div> <div>
<a <a
v-t="['e:hiring']" v-t="['e:hiring']"
class="p-4 bg-primary/75 rounded accent-pink-500 shadow border border-primary text-white" class="px-4 py-3 bg-primary/75 rounded accent-pink-500 shadow border border-primary text-white"
href="https://angel.co/company/nocodb" href="https://angel.co/company/nocodb"
target="_blank" target="_blank"
@click.stop @click.stop
@ -460,7 +466,7 @@ function onApiSnippet() {
<a <a
href="https://github.com/sponsors/nocodb" href="https://github.com/sponsors/nocodb"
target="_blank" target="_blank"
class="group flex items-center gap-2 w-full mx-3 p-3 rounded-l !bg-primary text-white transform translate-x-4 hover:(translate-x-0 shadow-lg !opacity-100) transition duration-150 ease" class="group flex items-center gap-2 w-full mx-3 px-4 py-2 rounded-l !bg-primary text-white transform translate-x-4 hover:(translate-x-0 shadow-lg !opacity-100) transition duration-150 ease"
@click.stop @click.stop
> >
<MdiHeartsCard class="text-red-500" /> <MdiHeartsCard class="text-red-500" />

Write Preview
Loading…
Cancel
Save