From d0e7b30a8ab7e4cc60d1f0294ec5b8730d8af7dd Mon Sep 17 00:00:00 2001 From: Hui Li <120543703+crystallee-ai@users.noreply.github.com> Date: Thu, 12 Dec 2024 12:17:11 +0800 Subject: [PATCH] feat: Modification of display method (#2) * remove some unnecessary part * image stack * feat: modification of display method --------- Co-authored-by: mingwxu --- components.d.ts | 3 + src/assets/base.css | 12 - src/assets/main.css | 6 +- src/components/AbstractSection.vue | 17 +- src/components/BibTeX.vue | 4 + src/components/DatasetDownload.vue | 138 ++++ src/components/ImageStack.vue | 51 ++ src/components/TitleSection.vue | 180 +++-- src/components/VideoCarousel.vue | 277 +++---- src/components/WrappedSection.vue | 4 + src/figs/dist1.png | Bin 0 -> 255488 bytes src/figs/dist2.png | Bin 0 -> 226544 bytes src/figs/dist3.png | Bin 0 -> 276885 bytes src/figs/word_count_.png | Bin 0 -> 2297615 bytes src/index.json | 1098 ++++++++-------------------- src/views/Home.vue | 2 +- 16 files changed, 721 insertions(+), 1071 deletions(-) create mode 100644 src/components/DatasetDownload.vue create mode 100644 src/components/ImageStack.vue create mode 100644 src/figs/dist1.png create mode 100644 src/figs/dist2.png create mode 100644 src/figs/dist3.png create mode 100644 src/figs/word_count_.png diff --git a/components.d.ts b/components.d.ts index 57a9077..5580777 100644 --- a/components.d.ts +++ b/components.d.ts @@ -12,6 +12,7 @@ declare module 'vue' { AModal: typeof import('ant-design-vue/es')['Modal'] ASegmented: typeof import('ant-design-vue/es')['Segmented'] BibTeX: typeof import('./src/components/BibTeX.vue')['default'] + DatasetDownload: typeof import('./src/components/DatasetDownload.vue')['default'] FrameworkSection: typeof import('./src/components/FrameworkSection.vue')['default'] HelloWorld: typeof import('./src/components/HelloWorld.vue')['default'] IconCommunity: typeof import('./src/components/icons/IconCommunity.vue')['default'] @@ -19,6 +20,7 @@ declare module 'vue' { IconEcosystem: typeof import('./src/components/icons/IconEcosystem.vue')['default'] IconSupport: typeof import('./src/components/icons/IconSupport.vue')['default'] IconTooling: typeof import('./src/components/icons/IconTooling.vue')['default'] + ImageStack: typeof import('./src/components/ImageStack.vue')['default'] Modal: typeof import('./src/components/Modal.vue')['default'] ModalContainer: typeof import('./src/components/ModalContainer.vue')['default'] RouterLink: typeof import('vue-router')['RouterLink'] @@ -30,6 +32,7 @@ declare module 'vue' { VideoCarousel: typeof import('./src/components/VideoCarousel.vue')['default'] VideoComparision: typeof import('./src/components/VideoComparision.vue')['default'] VideoGrid: typeof import('./src/components/VideoGrid.vue')['default'] + VideoPanel: typeof import('./src/components/VideoPanel.vue')['default'] WelcomeItem: typeof import('./src/components/WelcomeItem.vue')['default'] WrappedSection: typeof import('./src/components/WrappedSection.vue')['default'] } diff --git a/src/assets/base.css b/src/assets/base.css index d929a61..a7ef97c 100644 --- a/src/assets/base.css +++ b/src/assets/base.css @@ -36,19 +36,7 @@ --section-gap: 160px; } -@media (prefers-color-scheme: dark) { - :root { - --color-background: var(--vt-c-black); - --color-background-soft: var(--vt-c-black-soft); - --color-background-mute: var(--vt-c-black-mute); - --color-border: var(--vt-c-divider-dark-2); - --color-border-hover: var(--vt-c-divider-dark-1); - - --color-heading: var(--vt-c-text-dark-1); - --color-text: var(--vt-c-text-dark-2); - } -} *, *::before, diff --git a/src/assets/main.css b/src/assets/main.css index 464d266..1ccb233 100644 --- a/src/assets/main.css +++ b/src/assets/main.css @@ -7,10 +7,6 @@ @apply text-surface; @apply bg-white; } - html.dark { - @apply text-neutral-50; - @apply bg-body-dark; - } } @tailwind components; @tailwind utilities; @@ -54,7 +50,7 @@ a, .button { @apply inline-block; @apply px-3 py-1 rounded-lg cursor-pointer; - @apply bg-gray-800 text-gray-400; + @apply bg-gray-800 text-neutral-50; @apply transition-all duration-300; @apply select-none; diff --git a/src/components/AbstractSection.vue b/src/components/AbstractSection.vue index 254fa8f..63798b1 100644 --- a/src/components/AbstractSection.vue +++ b/src/components/AbstractSection.vue @@ -1,7 +1,7 @@