From a430284aa21e3ae1f0d5654e55b2ad2852519cc2 Mon Sep 17 00:00:00 2001 From: wwf <yearningwang@iqtogether.com> Date: 星期三, 04 六月 2025 15:17:49 +0800 Subject: [PATCH] 初始化 --- app/components/datasets/create/notion-page-preview/index.module.css | 85 ++++++++++++++++++++++++++---------------- 1 files changed, 53 insertions(+), 32 deletions(-) diff --git a/app/components/datasets/create/notion-page-preview/index.module.css b/app/components/datasets/create/notion-page-preview/index.module.css index b3bc589..12d3747 100644 --- a/app/components/datasets/create/notion-page-preview/index.module.css +++ b/app/components/datasets/create/notion-page-preview/index.module.css @@ -1,33 +1,54 @@ .filePreview { - @apply flex flex-col border-l border-components-panel-border shrink-0 bg-background-default-lighter; - width: 528px; -} - -.previewHeader { - @apply border-b border-divider-subtle shrink-0; - margin: 42px 32px 0; - padding-bottom: 16px; -} - -.previewHeader .title { - @apply flex justify-between items-center text-text-primary; -} - -.previewHeader .fileName { - @apply flex items-center text-text-tertiary; -} - -.previewContent { - @apply overflow-y-auto grow text-text-secondary; - padding: 20px 32px; -} - -.previewContent .loading { - width: 100%; - height: 180px; - background: #f9fafb center no-repeat url(../assets/Loading.svg); - background-size: contain; -} -.fileContent { - white-space: pre-line; -} + @apply flex flex-col border-l border-gray-200 shrink-0; + width: 528px; + background-color: #fcfcfd; + } + + .previewHeader { + @apply border-b border-gray-200 shrink-0; + margin: 42px 32px 0; + padding-bottom: 16px; + } + + .previewHeader .title { + display: flex; + justify-content: space-between; + align-items: center; + color: #101828; + font-weight: 600; + font-size: 18px; + line-height: 28px; + } + + .previewHeader .fileName { + display: flex; + align-items: center; + font-weight: 400; + font-size: 12px; + line-height: 18px; + color: #1D2939; + } + + .previewHeader .filetype { + color: #667085; + } + + .previewContent { + @apply overflow-y-auto grow; + padding: 20px 32px; + font-weight: 400; + font-size: 16px; + line-height: 24px; + color: #344054; + } + + .previewContent .loading { + width: 100%; + height: 180px; + background: #f9fafb center no-repeat url(../assets/Loading.svg); + background-size: contain; + } + .fileContent { + white-space: pre-line; + } + \ No newline at end of file -- Gitblit v1.8.0