💄 Optimize chat input expand style
This commit is contained in:
@@ -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,
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
),
|
),
|
||||||
],
|
],
|
||||||
),
|
),
|
||||||
|
|||||||
Reference in New Issue
Block a user