refactor(nc-gui): remove collapse from share view modal options

packages/nc-gui/components/smartsheet/toolbar/ShareView.vue

@@ -167,10 +167,10 @@ watch(passwordProtected, (value) => {
       size="small"
       :title="$t('msg.info.privateLink')"
       :footer="null"
-      width="min(100vw,640px)"
+      width="min(100vw,720px)"
       wrap-class-name="nc-modal-share-view"
     >
-      <div class="share-link-box nc-share-link-box bg-primary-50">
+      <div class="share-link-box nc-share-link-box !bg-primary !bg-opacity-5 ring-1 ring-accent ring-opacity-100">
         <div class="flex-1 h-min text-xs">{{ sharedViewUrl }}</div>
 
         <a v-e="['c:view:share:open-url']" :href="sharedViewUrl" target="_blank">
@@ -180,9 +180,11 @@ watch(passwordProtected, (value) => {
         <MdiContentCopy v-e="['c:view:share:copy-url']" class="text-gray-500 text-sm cursor-pointer" @click="copyLink" />
       </div>
 
-      <a-collapse ghost>
+      <div class="px-1 mt-2 flex flex-col gap-3">
-        <a-collapse-panel key="1" :header="$t('general.showOptions')">
+        <!-- todo: i18n -->
-          <div class="flex flex-col gap-2">
+        <div class="text-gray-500 border-b-1">Options</div>
+
+        <div class="px-1 flex flex-col gap-2">
           <div>
             <!-- Survey Mode; todo: i18n -->
             <a-checkbox v-if="shared.type === ViewTypes.FORM" v-model:checked="surveyMode" class="!text-xs">
@@ -198,14 +200,15 @@ watch(passwordProtected, (value) => {
           <div>
             <!-- Password Protection -->
             <a-checkbox v-model:checked="passwordProtected" class="!text-xs">{{ $t('msg.info.beforeEnablePwd') }} </a-checkbox>
-              <div v-if="passwordProtected" class="flex gap-2 mt-2 mb-4">
+
+            <div v-if="passwordProtected" class="ml-6 flex gap-2 mt-2 mb-4">
               <a-input
                 v-model:value="shared.password"
                 size="small"
                 class="!text-xs max-w-[250px]"
                 type="password"
-                  :placeholder="$t('placeholder.password.enter')"/>
+                :placeholder="$t('placeholder.password.enter')"
-
+              />
 
               <a-button size="small" class="!text-xs" @click="saveShareLinkPassword">
                 {{ $t('placeholder.password.save') }}
@@ -220,8 +223,7 @@ watch(passwordProtected, (value) => {
             </a-checkbox>
           </div>
         </div>
-        </a-collapse-panel>
+      </div>
-      </a-collapse>
     </a-modal>
   </div>
 </template>