dify

dify/web/app/components/datasets/create/file-preview/index.module.css

@@ -0,0 +1,39 @@
+.filePreview {
+    @apply flex flex-col border-l border-components-panel-border shrink-0 bg-background-default-lighter;
+    width: 100%;
+  }
+
+  .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 text-text-tertiary;
+  }
+
+  .previewHeader .filetype {
+    @apply text-text-tertiary;
+  }
+
+  .previewContent {
+    @apply overflow-y-auto grow text-text-secondary;
+    padding: 20px 32px;
+  }
+
+  .previewContent .loading {
+    width: 100%;
+    height: 180px;
+    background: transparent center no-repeat url(../assets/Loading.svg);
+    background-size: contain;
+  }
+
+  .fileContent {
+    white-space: pre-line;
+    word-break: break-all;
+  }