chore: misc mobile UI improvements (#4072)

* chore: adjust colors

* chore: adjust card detail padding and text weight

* fix: recent view horizontal padding

* chore: entire row opens row detail page
This commit is contained in:
Richard Shiue
2023-12-03 12:19:43 +08:00
committed by GitHub
parent ff3ff9f888
commit 4d71b42a3d
8 changed files with 37 additions and 42 deletions

View File

@ -354,10 +354,11 @@ class MobileRowDetailPageContentState
if (state.primaryField != null) {
final cellStyle = GridTextCellStyle(
placeholder: LocaleKeys.grid_row_titlePlaceholder.tr(),
textStyle: Theme.of(context)
.textTheme
.bodyMedium
?.copyWith(fontSize: 22),
textStyle:
Theme.of(context).textTheme.bodyMedium?.copyWith(
fontSize: 22,
fontWeight: FontWeight.w500,
),
cellPadding: const EdgeInsets.symmetric(vertical: 8),
useRoundedBorder: false,
);
@ -382,7 +383,7 @@ class MobileRowDetailPageContentState
),
Expanded(
child: ListView(
padding: const EdgeInsets.symmetric(vertical: 8),
padding: const EdgeInsets.only(top: 8, bottom: 100),
children: [
Padding(
padding: const EdgeInsets.symmetric(horizontal: 18),
@ -397,9 +398,10 @@ class MobileRowDetailPageContentState
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
if (rowDetailState.numHiddenFields != 0)
if (rowDetailState.numHiddenFields != 0) ...[
const ToggleHiddenFieldsVisibilityButton(),
const VSpace(12),
const VSpace(12),
],
MobileRowDetailCreateFieldButton(
viewId: viewId,
fieldController: fieldController,

View File

@ -36,6 +36,7 @@ class MobileRowPropertyList extends StatelessWidget {
shrinkWrap: true,
physics: const NeverScrollableScrollPhysics(),
itemCount: visibleCells.length,
padding: EdgeInsets.zero,
itemBuilder: (context, index) => _PropertyCell(
key: ValueKey('row_detail_${visibleCells[index].fieldId}'),
cellContext: visibleCells[index],

View File

@ -91,7 +91,7 @@ class MobileHomePage extends StatelessWidget {
child: Scrollbar(
child: SingleChildScrollView(
child: Padding(
padding: const EdgeInsets.all(8.0),
padding: const EdgeInsets.symmetric(vertical: 8.0),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
mainAxisSize: MainAxisSize.min,
@ -101,7 +101,7 @@ class MobileHomePage extends StatelessWidget {
// Folders
Padding(
padding: const EdgeInsets.symmetric(horizontal: 16),
padding: const EdgeInsets.symmetric(horizontal: 24),
child: MobileFolders(
user: userProfile,
workspaceSetting: workspaceSetting,
@ -110,7 +110,7 @@ class MobileHomePage extends StatelessWidget {
),
const SizedBox(height: 8),
const Padding(
padding: EdgeInsets.symmetric(horizontal: 16),
padding: EdgeInsets.symmetric(horizontal: 24),
child: _TrashButton(),
),
],

View File

@ -66,7 +66,7 @@ class _RecentViews extends StatelessWidget {
mainAxisSize: MainAxisSize.min,
children: [
Padding(
padding: const EdgeInsets.symmetric(horizontal: 16),
padding: const EdgeInsets.symmetric(horizontal: 24),
child: FlowyText.semibold(
LocaleKeys.sideBar_recent.tr(),
fontSize: 20.0,
@ -74,7 +74,7 @@ class _RecentViews extends StatelessWidget {
),
SingleChildScrollView(
scrollDirection: Axis.horizontal,
padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 8),
padding: const EdgeInsets.symmetric(horizontal: 24, vertical: 8),
child: IntrinsicHeight(
child: SeparatedRow(
separatorBuilder: () => const HSpace(8),