diff --git a/src/components/customHeader/index.vue b/src/components/customHeader/index.vue index 0715df1..eb93384 100644 --- a/src/components/customHeader/index.vue +++ b/src/components/customHeader/index.vue @@ -4,7 +4,7 @@ import { useWindowSize } from '@vueuse/core' import size375 from '@/components/customHeader/size375/index.vue' import size768 from '@/components/customHeader/size375/index.vue' -import size1440 from '@/components/customHeader/size1920/index.vue' +import size1440 from '@/components/customHeader/size1440/index.vue' import size1920 from '@/components/customHeader/size1920/index.vue' import { useRouter } from 'vue-router' import { useI18n } from 'vue-i18n' @@ -17,9 +17,9 @@ const viewComponent = computed(() => { const viewWidth = width.value if (viewWidth <= 450) { return size375 - } else if (viewWidth <= 768) { + } else if (viewWidth <= 835) { return size768 - } else if (viewWidth <= 1500) { + } else if (viewWidth <= 1640) { return size1440 } else if (viewWidth <= 1920 || viewWidth > 1920) { return size1920 diff --git a/src/components/customHeader/size1440/index.vue b/src/components/customHeader/size1440/index.vue new file mode 100644 index 0000000..2d73116 --- /dev/null +++ b/src/components/customHeader/size1440/index.vue @@ -0,0 +1,230 @@ + + + + + + diff --git a/src/views/events-calendar/size1920/index.vue b/src/views/events-calendar/size1920/index.vue index b8af146..1d5320b 100644 --- a/src/views/events-calendar/size1920/index.vue +++ b/src/views/events-calendar/size1920/index.vue @@ -60,11 +60,11 @@ const handleSearch = () => { } .search-date-picker { - width: 240px; + width: 14rem; } :deep(.n-date-picker) { - width: 240px; + width: 14rem; .n-input__input { padding: 4px 0; border-radius: 4px; diff --git a/src/views/press-releases/size1920/index.vue b/src/views/press-releases/size1920/index.vue index 6cd159e..325c0f8 100644 --- a/src/views/press-releases/size1920/index.vue +++ b/src/views/press-releases/size1920/index.vue @@ -77,7 +77,7 @@ const handleSearch = () => { } .search-select { - width: 160px; + width: 7rem; :deep(.n-base-selection) { padding: 4px 0; }