SolarNetwork/App
3
3
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

💄 Optimize chat input expand style

Browse Source
This commit is contained in:
LittleSheep
2025-11-16 21:49:41 +08:00
parent 1cc34d3073
commit 3ffa730505
1 changed files with 64 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

74
lib/widgets/chat/chat_input.dart
View File

@@ -69,20 +69,72 @@ class _ExpandedSection extends StatelessWidget {
height: kInputDrawerExpandedHeight,
child: TabBarView(
children: [
Center(
child: Row(
SizedBox(
height:
kInputDrawerExpandedHeight -
48, // subtract tab bar height approx
child: GridView(
padding: const EdgeInsets.symmetric(
horizontal: 12,
vertical: 12,
),
gridDelegate:
const SliverGridDelegateWithMaxCrossAxisExtent(
maxCrossAxisExtent: 120,
childAspectRatio: 1, // 1:1 aspect ratio
mainAxisSpacing: 8,
crossAxisSpacing: 8,
),
children: [
InkWell(
borderRadius: const BorderRadius.all(
Radius.circular(8),
),
onTap: () {},
child: Card(
margin: EdgeInsets.zero,
color:
Theme.of(
context,
).colorScheme.surfaceContainer,
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
IconButton(
icon: Icon(Symbols.poll),
tooltip: 'Poll',
onPressed: () {},
Icon(Symbols.poll),
const Gap(4),
Text(
'Poll',
style:
Theme.of(context).textTheme.bodySmall,
),
],
),
),
),
InkWell(
borderRadius: const BorderRadius.all(
Radius.circular(8),
),
onTap: () {},
child: Card(
margin: EdgeInsets.zero,
color:
Theme.of(
context,
).colorScheme.surfaceContainer,
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Icon(Symbols.currency_exchange),
const Gap(4),
Text(
'Fund',
style:
Theme.of(context).textTheme.bodySmall,
),
],
),
),
const Gap(16),
IconButton(
icon: Icon(Symbols.currency_exchange),
tooltip: 'Fund',
onPressed: () {},
),
],
),