add shadow for location recommendation widget
This commit is contained in:
parent
19982a1fd4
commit
4f108b1239
1 changed files with 16 additions and 11 deletions
|
@ -95,6 +95,12 @@ class _LocationsSectionState extends State<LocationsSection> {
|
|||
),
|
||||
);
|
||||
} else {
|
||||
final recommendations = <Widget>[
|
||||
..._locationsSearchResults.map(
|
||||
(locationSearchResult) =>
|
||||
LocationRecommendation(locationSearchResult),
|
||||
),
|
||||
];
|
||||
return Padding(
|
||||
padding: const EdgeInsets.symmetric(vertical: 8),
|
||||
child: Column(
|
||||
|
@ -114,12 +120,7 @@ class _LocationsSectionState extends State<LocationsSection> {
|
|||
scrollDirection: Axis.horizontal,
|
||||
child: Row(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: _locationsSearchResults
|
||||
.map(
|
||||
(locationSearchResult) =>
|
||||
LocationRecommendation(locationSearchResult),
|
||||
)
|
||||
.toList(),
|
||||
children: recommendations,
|
||||
),
|
||||
),
|
||||
),
|
||||
|
@ -181,15 +182,19 @@ class LocationRecommendation extends StatelessWidget {
|
|||
SizedBox(
|
||||
width: _width,
|
||||
height: _height,
|
||||
// height: 145,
|
||||
|
||||
child: Container(
|
||||
decoration: const BoxDecoration(
|
||||
borderRadius: BorderRadius.all(Radius.circular(12)),
|
||||
boxShadow: [
|
||||
BoxShadow(
|
||||
blurRadius: 15,
|
||||
offset: Offset(0, 7.5),
|
||||
color: Color.fromRGBO(68, 68, 68, 0.1),
|
||||
blurRadius: 1,
|
||||
offset: Offset(0, 1),
|
||||
color: Color.fromRGBO(0, 0, 0, 0.09),
|
||||
),
|
||||
BoxShadow(
|
||||
blurRadius: 1,
|
||||
offset: Offset(1, 2),
|
||||
color: Color.fromRGBO(0, 0, 0, 0.05),
|
||||
),
|
||||
],
|
||||
),
|
||||
|
|
Loading…
Add table
Reference in a new issue