fix(dashboard): 优化移动端个人视角布局

This commit is contained in:
kuaifan 2026-07-20 14:08:12 +00:00
parent 6f22fd2706
commit e4e1cd9b82
2 changed files with 33 additions and 3 deletions

View File

@ -72,7 +72,7 @@
<template v-if="currentView === 'my'">
<!--列表布局-->
<template v-if="layout === 'list'">
<ul class="dashboard-cards">
<ul class="dashboard-cards personal-panel">
<li :class="{'card-off': dashboardTask.overdue_count === 0}" @click="scrollTo('overdue')">
<div class="card-label">{{getTitle('overdue')}}</div>
<div class="card-data">

View File

@ -1682,7 +1682,7 @@ body.window-portrait {
.page-dashboard {
.dashboard-body {
padding: 16px 12px 24px;
gap: 14px;
gap: 16px;
}
.dashboard-header {
@ -1733,6 +1733,12 @@ body.window-portrait {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px;
&.personal-panel {
> li {
gap: 8px;
}
}
> li {
padding: 12px 14px;
@ -1755,6 +1761,10 @@ body.window-portrait {
gap: 8px;
padding: 11px 14px;
&.table-thead {
display: none;
}
.t-project,
.t-status,
.t-priority,
@ -1780,7 +1790,27 @@ body.window-portrait {
}
.table-group {
padding: 10px 14px;
padding: 13px 20px;
.group-dot {
width: 8px;
height: 8px;
margin-right: 2px;
}
.group-title {
font-weight: 400;
}
&.group-overdue,
&.group-today,
&.group-todo,
&.group-upcoming,
&.group-assist,
&.group-completed {
border-bottom: 1px solid #f4f4ef;
background: transparent;
}
}
}