Browse Source

chore : button shadows + some padding to cards on signin/signup

pull/2812/head
Naveen MR 2 years ago
parent
commit
9a58a0537c
  1. 8
      packages/nc-gui-v2/pages/project/index/create-external.vue
  2. 2
      packages/nc-gui-v2/pages/signin.vue
  3. 2
      packages/nc-gui-v2/pages/signup.vue

8
packages/nc-gui-v2/pages/project/index/create-external.vue

@ -310,7 +310,7 @@ onMounted(() => {
<template #title> <template #title>
<span>{{ $t('tooltip.clientCert') }}</span> <span>{{ $t('tooltip.clientCert') }}</span>
</template> </template>
<a-button :disabled="!sslFilesRequired" size="small" @click="certFileInput.click()"> <a-button :disabled="!sslFilesRequired" size="small" @click="certFileInput.click()" class="shadow">
{{ $t('labels.clientCert') }} {{ $t('labels.clientCert') }}
</a-button> </a-button>
</a-tooltip> </a-tooltip>
@ -319,7 +319,7 @@ onMounted(() => {
<template #title> <template #title>
<span>{{ $t('tooltip.clientKey') }}</span> <span>{{ $t('tooltip.clientKey') }}</span>
</template> </template>
<a-button :disabled="!sslFilesRequired" size="small" @click="keyFileInput.click()"> <a-button :disabled="!sslFilesRequired" size="small" @click="keyFileInput.click()" class="shadow">
{{ $t('labels.clientKey') }} {{ $t('labels.clientKey') }}
</a-button> </a-button>
</a-tooltip> </a-tooltip>
@ -328,7 +328,7 @@ onMounted(() => {
<template #title> <template #title>
<span>{{ $t('tooltip.clientCA') }}</span> <span>{{ $t('tooltip.clientCA') }}</span>
</template> </template>
<a-button :disabled="!sslFilesRequired" size="small" @click="caFileInput.click()"> <a-button :disabled="!sslFilesRequired" size="small" @click="caFileInput.click()" class="shadow">
{{ $t('labels.serverCA') }} {{ $t('labels.serverCA') }}
</a-button> </a-button>
</a-tooltip> </a-tooltip>
@ -364,7 +364,7 @@ onMounted(() => {
<a-button type="primary" ghost class="nc-extdb-btn-test-connection" @click="testConnection"> <a-button type="primary" ghost class="nc-extdb-btn-test-connection" @click="testConnection">
{{ $t('activity.testDbConn') }} {{ $t('activity.testDbConn') }}
</a-button> </a-button>
<a-button type="primary" :disabled="!testSuccess" class="nc-extdb-btn-submit" @click="createProject"> Submit </a-button> <a-button type="primary" :disabled="!testSuccess" class="nc-extdb-btn-submit !shadow" @click="createProject"> Submit </a-button>
</div> </div>
</a-form-item> </a-form-item>
</a-form> </a-form>

2
packages/nc-gui-v2/pages/signin.vue

@ -77,7 +77,7 @@ const resetError = () => {
class="signin h-[calc(100%_+_90px)] min-h-[600px] flex justify-center items-center" class="signin h-[calc(100%_+_90px)] min-h-[600px] flex justify-center items-center"
@finish="signIn" @finish="signIn"
> >
<div class="h-full w-full flex flex-col flex-wrap justify-center items-center"> <div class="h-full w-full flex flex-col flex-wrap items-center pt-[100px]">
<div <div
class="bg-white dark:(!bg-gray-900 !text-white) md:relative flex flex-col justify-center gap-2 w-full max-w-[500px] mx-auto p-8 md:(rounded-lg border-1 border-gray-200 shadow-xl)" class="bg-white dark:(!bg-gray-900 !text-white) md:relative flex flex-col justify-center gap-2 w-full max-w-[500px] mx-auto p-8 md:(rounded-lg border-1 border-gray-200 shadow-xl)"
> >

2
packages/nc-gui-v2/pages/signup.vue

@ -74,7 +74,7 @@ const resetError = () => {
class="signup h-[calc(100%_+_90px)] min-h-[600px] flex justify-center items-center" class="signup h-[calc(100%_+_90px)] min-h-[600px] flex justify-center items-center"
@finish="signUp" @finish="signUp"
> >
<div class="h-full w-full flex flex-col flex-wrap justify-center"> <div class="h-full w-full flex flex-col flex-wrap pt-[100px]">
<div <div
class="bg-white dark:(!bg-gray-900 !text-white) md:relative flex flex-col justify-center gap-2 w-full max-w-[500px] mx-auto p-8 md:(rounded-lg border-1 border-gray-200 shadow-xl)" class="bg-white dark:(!bg-gray-900 !text-white) md:relative flex flex-col justify-center gap-2 w-full max-w-[500px] mx-auto p-8 md:(rounded-lg border-1 border-gray-200 shadow-xl)"
> >

Loading…
Cancel
Save