diff --git a/src/components/page/GlobalLayout.vue b/src/components/page/GlobalLayout.vue index d089bdd..d5cc494 100644 --- a/src/components/page/GlobalLayout.vue +++ b/src/components/page/GlobalLayout.vue @@ -285,9 +285,9 @@ body { } .trigger { - font-size: 22px; - line-height: 42px; - padding: 0 18px; + font-size: 12px; + //line-height: 42px; + padding: 22px; cursor: pointer; transition: color 300ms, background 300ms; diff --git a/src/views/dashboard/Analysis.vue b/src/views/dashboard/Analysis.vue index 762288b..e38f062 100644 --- a/src/views/dashboard/Analysis.vue +++ b/src/views/dashboard/Analysis.vue @@ -3,26 +3,16 @@
- - - - - - - - - - - - - - - - - - - - + + + + + + + + + +
@@ -46,14 +36,45 @@ export default { @import '~@assets/less/common.less'; .all-wrapper { - padding: 20px 8px 0; -} -.flex-item { - margin: 10px; -} -.mb-20 { - margin-bottom: 20px; + padding: 8px 8px 0; + display: grid; + width: 100%; + height: calc(100vh - 60px - 8px - 20px); + grid-gap: 20px; + grid-template-columns: 0.4fr 0.6fr; + grid-template-rows: 56px 180px minmax(200px, auto) 180px; + grid-template-areas: 'Search Search' + 'QuickEntrance QuickEntrance' + 'Todo Table' + 'Link Table'; + + .home-search, + .home-quick-entrance, + .home-todo, + .home-link, + .home-table{ + height: 100%; + overflow: hidden; + border-radius: 8px; + } + .home-search { + grid-area: Search; + overflow: visible; + } + .home-quick-entrance { + grid-area: QuickEntrance; + } + .home-todo { + grid-area: Todo; + } + .home-link { + grid-area: Link; + } + .home-table { + grid-area: Table; + } } + /deep/ .top-wrapper { display: flex; align-items: center; diff --git a/src/views/dashboard/modules/FriendLinkCard.vue b/src/views/dashboard/modules/FriendLinkCard.vue index 10264ad..f084d0c 100644 --- a/src/views/dashboard/modules/FriendLinkCard.vue +++ b/src/views/dashboard/modules/FriendLinkCard.vue @@ -1,5 +1,5 @@ diff --git a/src/views/dashboard/modules/SearchAndWarningCard.vue b/src/views/dashboard/modules/SearchAndWarningCard.vue index 8fe1108..6c6233f 100644 --- a/src/views/dashboard/modules/SearchAndWarningCard.vue +++ b/src/views/dashboard/modules/SearchAndWarningCard.vue @@ -12,7 +12,7 @@ size="middle" :rowKey="(_, index) => index" class="table" - :scroll="{ x: '100%', y: '40vh' }" + :scroll="{ x: '100%', y: 'calc(100vh - 550px)' }" :columns="showColumns" :dataSource="dataSource" :pagination="ipagination" @@ -32,6 +32,14 @@
{{ global.emptyLine }}
+ +