💄 Optimize chat input expand style

This commit is contained in:
2025-11-16 21:49:41 +08:00
parent 1cc34d3073
commit 3ffa730505

View File

@@ -69,20 +69,72 @@ class _ExpandedSection extends StatelessWidget {
height: kInputDrawerExpandedHeight, height: kInputDrawerExpandedHeight,
child: TabBarView( child: TabBarView(
children: [ children: [
Center( SizedBox(
child: Row( height:
mainAxisAlignment: MainAxisAlignment.center, 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: [ children: [
IconButton( InkWell(
icon: Icon(Symbols.poll), borderRadius: const BorderRadius.all(
tooltip: 'Poll', Radius.circular(8),
onPressed: () {}, ),
onTap: () {},
child: Card(
margin: EdgeInsets.zero,
color:
Theme.of(
context,
).colorScheme.surfaceContainer,
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Icon(Symbols.poll),
const Gap(4),
Text(
'Poll',
style:
Theme.of(context).textTheme.bodySmall,
),
],
),
),
), ),
const Gap(16), InkWell(
IconButton( borderRadius: const BorderRadius.all(
icon: Icon(Symbols.currency_exchange), Radius.circular(8),
tooltip: 'Fund', ),
onPressed: () {}, 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,
),
],
),
),
), ),
], ],
), ),