Skip to content

Icons alignment or responsive Size issueΒ #10

@yahu1031

Description

@yahu1031

Issue Reference Image

OS: ParrotOS(Linux Distro)

Issue in detail

when we maximise the screen, The check/tick icons and the indicator dot/circle in stepsView has been enlarged as we show in above picture. This may be due to the responsive sizes or Wrong Icon alignment.

Fix

In /lib/src/ui/widgets/step_widget.dart
line 59

CircleAvatar(
  maxRadius: blockSize(context)*2.5,
  minRadius: blockSize(context)*2,
  backgroundColor: Theme.of(context).scaffoldBackgroundColor,
),

Adding maxRadius and minRadius
and also adding Icon size

In /lib/src/ui/widgets/step_widget.dart
line 26

return Icon(
  Icons.done,
  size: blockSize(context) * 2.75,
  // you can even keep same if you wish not to change
  // size: blockSize(context) * 3,
  color: Theme.of(context).accentColor,
);

will fix this issue.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions