Skip to content

F
Front-End
Commit 8dcdec53 authored by Hans Muller's avatar Hans Muller
Browse files
Options

Moved the home page padding to inside the Block

parent 7915e909
Hide whitespace changes
Inline Side-by-side
Showing with 82 additions and 84 deletions
examples/material_gallery/lib/gallery/home.dart
View file @ 8dcdec53
...@@ -59,91 +59,89 @@ class GalleryHomeState extends State<GalleryHome> { ...@@ -59,91 +59,89 @@ class GalleryHomeState extends State<GalleryHome> {
); );
} }
), ),
body: new Padding( body: new Block(
padding: const EdgeDims.all(4.0), padding: const EdgeDims.all(4.0),
child: new Block( children: <Widget>[
children: <Widget>[ new Row(
new Row( children: <Widget>[
children: <Widget>[ new GallerySection(
new GallerySection( title: 'Animation',
title: 'Animation', image: 'assets/section_animation.png',
image: 'assets/section_animation.png', colors: Colors.purple,
colors: Colors.purple, demos: <GalleryDemo>[
demos: <GalleryDemo>[ new GalleryDemo(title: 'Weathers', builder: () => new WeathersDemo()),
new GalleryDemo(title: 'Weathers', builder: () => new WeathersDemo()), new GalleryDemo(title: 'Fitness', builder: () => new FitnessDemo())
new GalleryDemo(title: 'Fitness', builder: () => new FitnessDemo()) ]
] ),
), new GallerySection(
new GallerySection( title: 'Style',
title: 'Style', image: 'assets/section_style.png',
image: 'assets/section_style.png', colors: Colors.green,
colors: Colors.green, demos: <GalleryDemo>[
demos: <GalleryDemo>[ new GalleryDemo(title: 'Colors', builder: () => new ColorsDemo()),
new GalleryDemo(title: 'Colors', builder: () => new ColorsDemo()), new GalleryDemo(title: 'Typography', builder: () => new TypographyDemo())
new GalleryDemo(title: 'Typography', builder: () => new TypographyDemo()) ]
] )
) ]
] ),
), new Row(
new Row( children: <Widget>[
children: <Widget>[ new GallerySection(
new GallerySection( title: 'Layout',
title: 'Layout', image: 'assets/section_layout.png',
image: 'assets/section_layout.png', colors: Colors.pink
colors: Colors.pink ),
), new GallerySection(
new GallerySection( title: 'Components',
title: 'Components', image: 'assets/section_components.png',
image: 'assets/section_components.png', colors: Colors.amber,
colors: Colors.amber, demos: <GalleryDemo>[
demos: <GalleryDemo>[ new GalleryDemo(title: 'Buttons', builder: () => new ButtonsDemo()),
new GalleryDemo(title: 'Buttons', builder: () => new ButtonsDemo()), new GalleryDemo(title: 'Cards', builder: () => new CardsDemo()),
new GalleryDemo(title: 'Cards', builder: () => new CardsDemo()), new GalleryDemo(title: 'Chips', builder: () => new ChipDemo()),
new GalleryDemo(title: 'Chips', builder: () => new ChipDemo()), new GalleryDemo(title: 'Date Picker', builder: () => new DatePickerDemo()),
new GalleryDemo(title: 'Date Picker', builder: () => new DatePickerDemo()), new GalleryDemo(title: 'Dialog', builder: () => new DialogDemo()),
new GalleryDemo(title: 'Dialog', builder: () => new DialogDemo()), new GalleryDemo(title: 'Dropdown Button', builder: () => new DropDownDemo()),
new GalleryDemo(title: 'Dropdown Button', builder: () => new DropDownDemo()), new GalleryDemo(title: 'Expland/Collapse List Control', builder: () => new TwoLevelListDemo()),
new GalleryDemo(title: 'Expland/Collapse List Control', builder: () => new TwoLevelListDemo()), new GalleryDemo(title: 'Floating Action Button', builder: () => new TabsFabDemo()),
new GalleryDemo(title: 'Floating Action Button', builder: () => new TabsFabDemo()), new GalleryDemo(title: 'Grid', builder: () => new GridListDemo()),
new GalleryDemo(title: 'Grid', builder: () => new GridListDemo()), new GalleryDemo(title: 'Icons', builder: () => new IconsDemo()),
new GalleryDemo(title: 'Icons', builder: () => new IconsDemo()), new GalleryDemo(title: 'List', builder: () => new ListDemo()),
new GalleryDemo(title: 'List', builder: () => new ListDemo()), new GalleryDemo(title: 'Modal Bottom Sheet', builder: () => new ModalBottomSheetDemo()),
new GalleryDemo(title: 'Modal Bottom Sheet', builder: () => new ModalBottomSheetDemo()), new GalleryDemo(title: 'Page Selector', builder: () => new PageSelectorDemo()),
new GalleryDemo(title: 'Page Selector', builder: () => new PageSelectorDemo()), new GalleryDemo(title: 'Persistent Bottom Sheet', builder: () => new PersistentBottomSheetDemo()),
new GalleryDemo(title: 'Persistent Bottom Sheet', builder: () => new PersistentBottomSheetDemo()), new GalleryDemo(title: 'Progress Indicators', builder: () => new ProgressIndicatorDemo()),
new GalleryDemo(title: 'Progress Indicators', builder: () => new ProgressIndicatorDemo()), new GalleryDemo(title: 'Selection Controls', builder: () => new ToggleControlsDemo()),
new GalleryDemo(title: 'Selection Controls', builder: () => new ToggleControlsDemo()), new GalleryDemo(title: 'Sliders', builder: () => new SliderDemo()),
new GalleryDemo(title: 'Sliders', builder: () => new SliderDemo()), new GalleryDemo(title: 'SnackBar', builder: () => new SnackBarDemo()),
new GalleryDemo(title: 'SnackBar', builder: () => new SnackBarDemo()), new GalleryDemo(title: 'Tabs', builder: () => new TabsDemo()),
new GalleryDemo(title: 'Tabs', builder: () => new TabsDemo()), new GalleryDemo(title: 'Time Picker', builder: () => new TimePickerDemo()),
new GalleryDemo(title: 'Time Picker', builder: () => new TimePickerDemo()), new GalleryDemo(title: 'Tooltips', builder: () => new TooltipDemo())
new GalleryDemo(title: 'Tooltips', builder: () => new TooltipDemo()) ]
] )
) ]
] ),
), new Row(
new Row( children: <Widget>[
children: <Widget>[ new GallerySection(
new GallerySection( title: 'Patterns',
title: 'Patterns', image: 'assets/section_patterns.png',
image: 'assets/section_patterns.png', colors: Colors.cyan,
colors: Colors.cyan, demos: <GalleryDemo>[
demos: <GalleryDemo>[ new GalleryDemo(title: 'Scrolling Techniques', builder: () => new ScrollingTechniquesDemo())
new GalleryDemo(title: 'Scrolling Techniques', builder: () => new ScrollingTechniquesDemo()) ]
] ),
), new GallerySection(
new GallerySection( title: 'Usability',
title: 'Usability', image: 'assets/section_usability.png',
image: 'assets/section_usability.png', colors: Colors.lightGreen,
colors: Colors.lightGreen, demos: <GalleryDemo>[
demos: <GalleryDemo>[ new GalleryDemo(title: 'Tooltips', builder: () => new TooltipDemo())
new GalleryDemo(title: 'Tooltips', builder: () => new TooltipDemo()) ]
] )
) ]
] )
) ]
]
)
) )
); );
} }
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment

HIAST - GitLab