Browse Source

refactor(gui): ui optimisation

Signed-off-by: Pranav C <pranavxc@gmail.com>
pull/1035/head
Pranav C 3 years ago
parent
commit
d0adfb80fc
  1. 2
      packages/nc-gui/components/ProjectTreeView.vue
  2. 4
      packages/nc-gui/components/project/table.vue
  3. 34
      packages/nc-gui/layouts/default.vue

2
packages/nc-gui/components/ProjectTreeView.vue

@ -12,7 +12,7 @@
permanent
mini-variant-width="50"
class="pl-2 nc-nav-drawer"
style="min-width: 100%; height: calc(100% - 30px)"
style="min-width: 100%; height: calc(100% - 0px)"
>
<div class="h-100 d-flex flex-column">
<div class="flex-grow-1" style="overflow-y: auto; min-height: 200px">

4
packages/nc-gui/components/project/table.vue

@ -647,9 +647,9 @@ export default {
<style scoped>
/deep/ .table-tabs > .v-tabs-items {
/*/deep/ .table-tabs > .v-tabs-items {
border-top: 1px solid #7F828B33;
}
}*/
/deep/ .scaffoldOnSave .v-input__control {
margin-top: -2px;

34
packages/nc-gui/layouts/default.vue

@ -29,21 +29,12 @@
$store.state.project.projectInfo && $store.state.project.projectInfo.version
}})</span>
</v-tooltip>
<!-- <template>-->
<!-- <span class="title"> {{ brandName }}</span>-->
<!-- </template>-->
<template>
<span class="title"> {{ brandName }}</span>
</template>
</v-toolbar-title>
<v-toolbar-items class="ml-0">
<gh-btns-star
icon="mark-github"
slug="nocodb/nocodb"
show-count
class="mr-3 align-self-center"
:class="{'dark' : isDark}"
>
{{ ghStarText }}
</gh-btns-star>
<!-- <a
class="align-self-center caption font-weight-bold ml-1 mr-2 white&#45;&#45;text"
href="https://docs.nocodb.com"
@ -107,6 +98,16 @@
<v-spacer />
<v-toolbar-items class="hidden-sm-and-down nc-topright-menu">
<gh-btns-star
icon="mark-github"
slug="nocodb/nocodb"
show-count
class="mr-3 align-self-center"
:class="{'dark' : isDark}"
>
{{ ghStarText }}
</gh-btns-star>
<release-info />
<template v-if="isDashboard">
@ -1069,7 +1070,14 @@ export default {
background: transparent !important;
color: #cdcdcd !important;
}
/deep/ .gh-button-container > a:first-child{
border-left-color: transparent;
border-top-color: transparent;
border-bottom-color: transparent;
}
/deep/ .gh-button-container > a:last-child{
border-color: transparent;
}
a {
text-decoration: none;
}

Loading…
Cancel
Save