fix: prompt store 样式问题

nashsophie · Mar 23, 2023 · 630e88b · 630e88b
1 parent 734eb7a
commit 630e88b
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 15 deletions.
diff --git a/src/assets/recommend.json b/src/assets/recommend.json
@@ -1,10 +1,4 @@
 [
- {
- "key": "chatgpt-prompt-collection",
- "desc": "Nothing1024收集整理的prompts",
- "downloadUrl": "https://raw.githubusercontent.com/Nothing1024/chatgpt-prompt-collection/main/awesome-chatgpt-prompts-zh.json",
- "url": "https://github.com/Nothing1024/chatgpt-prompt-collection"
- },
  {
  "key": "awesome-chatgpt-prompts-zh",
  "desc": "ChatGPT 中文调教指南",

diff --git a/src/components/common/PromptStore/index.vue b/src/components/common/PromptStore/index.vue
@@ -1,7 +1,7 @@
 <script setup lang='ts'>
 import type { DataTableColumns } from 'naive-ui'
 import { computed, h, ref, watch } from 'vue'
-import { NButton, NCard, NDataTable, NDivider, NInput, NLayoutContent, NList, NListItem, NModal, NPopconfirm, NSpace, NTabPane, NTabs, NThing, useMessage } from 'naive-ui'
+import { NButton, NCard, NDataTable, NDivider, NInput, NList, NListItem, NModal, NPopconfirm, NSpace, NTabPane, NTabs, NThing, useMessage } from 'naive-ui'
 import PromptRecommend from '../../../assets/recommend.json'
 import { SvgIcon } from '..'
 import { usePromptStore } from '@/store'
@@ -408,17 +408,12 @@ const dataSource = computed(() => {
  </NButton>
  </div>
  <NDivider />
- <NLayoutContent
- style="height: 360px"
- content-style="background: none;"
- :native-scrollbar="false"
- >
+ <div class="max-h-[360px] overflow-y-auto space-y-4">
  <NCard
  v-for="info in promptRecommendList"
  :key="info.key" :title="info.key"
- style="margin: 5px;"
- embedded
  :bordered="true"
+ embedded
  >
  <p
  class="overflow-hidden text-ellipsis whitespace-nowrap"
@@ -442,7 +437,7 @@ const dataSource = computed(() => {
  </div>
  </template>
  </NCard>
- </NLayoutContent>
+ </div>
  </NTabPane>
  </NTabs>
  </div>