Square every corner, enlarge the main surfaces and add a to-do list
Rounded rectangles and round controls are now square across the app; only status dots, glows, the sun, rings and the breathing circle stay round. Cards, rows, thumbnails, featured cards, category tiles, the standing card and the nav are larger. Home gets a quick To-do list kept on the device (TodoItem in InternalMemory), seeded with sample items in mock mode. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01KhQh614DMeYoQEH9SoMRUw
This commit is contained in:
alvocool
@@ -330,7 +330,7 @@ class RoutinesState extends State<Routines> implements ConnectRoutines {
|
||||
..sort((a, b) => a.startMinute.compareTo(b.startMinute));
|
||||
|
||||
return GlassSurface(
|
||||
radius: BorderRadius.circular(24),
|
||||
radius: BorderRadius.zero,
|
||||
tint: colorGlassStrong,
|
||||
padding: const EdgeInsets.fromLTRB(18, 16, 18, 16),
|
||||
child: Row(
|
||||
@@ -391,18 +391,17 @@ class RoutinesState extends State<Routines> implements ConnectRoutines {
|
||||
onTap: () => _onSelectKind(kind),
|
||||
behavior: HitTestBehavior.opaque,
|
||||
child: SizedBox(
|
||||
width: 74,
|
||||
width: 88,
|
||||
child: Column(
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
children: [
|
||||
AnimatedContainer(
|
||||
duration: const Duration(milliseconds: 200),
|
||||
curve: Curves.easeOut,
|
||||
width: 64,
|
||||
height: 64,
|
||||
width: 78,
|
||||
height: 78,
|
||||
padding: const EdgeInsets.all(2.5),
|
||||
decoration: BoxDecoration(
|
||||
shape: BoxShape.circle,
|
||||
color: selected ? colorNight : colorWhite,
|
||||
boxShadow: const [
|
||||
BoxShadow(
|
||||
@@ -412,7 +411,7 @@ class RoutinesState extends State<Routines> implements ConnectRoutines {
|
||||
),
|
||||
],
|
||||
),
|
||||
child: ClipOval(
|
||||
child: ClipRect(
|
||||
child: kind == null
|
||||
? Container(
|
||||
color: colorWhite,
|
||||
@@ -450,7 +449,7 @@ class RoutinesState extends State<Routines> implements ConnectRoutines {
|
||||
final List<RoutineChain> items = _upNext;
|
||||
|
||||
return SizedBox(
|
||||
height: 240,
|
||||
height: 290,
|
||||
child: ListView.separated(
|
||||
scrollDirection: Axis.horizontal,
|
||||
clipBehavior: Clip.none,
|
||||
@@ -470,9 +469,9 @@ class RoutinesState extends State<Routines> implements ConnectRoutines {
|
||||
return GestureDetector(
|
||||
onTap: () => _onPreview(routine),
|
||||
child: Container(
|
||||
width: 200,
|
||||
width: 244,
|
||||
decoration: BoxDecoration(
|
||||
borderRadius: BorderRadius.circular(26),
|
||||
borderRadius: BorderRadius.zero,
|
||||
boxShadow: const [
|
||||
BoxShadow(
|
||||
color: Color(0x262A3A30),
|
||||
@@ -482,7 +481,7 @@ class RoutinesState extends State<Routines> implements ConnectRoutines {
|
||||
],
|
||||
),
|
||||
child: ClipRRect(
|
||||
borderRadius: BorderRadius.circular(26),
|
||||
borderRadius: BorderRadius.zero,
|
||||
child: Stack(
|
||||
fit: StackFit.expand,
|
||||
children: [
|
||||
@@ -503,7 +502,7 @@ class RoutinesState extends State<Routines> implements ConnectRoutines {
|
||||
children: [
|
||||
GlassSurface(
|
||||
onDark: true,
|
||||
radius: BorderRadius.circular(99),
|
||||
radius: BorderRadius.zero,
|
||||
padding: const EdgeInsets.symmetric(
|
||||
horizontal: 10, vertical: 5),
|
||||
child: text(
|
||||
@@ -611,10 +610,10 @@ class RoutinesState extends State<Routines> implements ConnectRoutines {
|
||||
child: Row(
|
||||
children: [
|
||||
SizedBox(
|
||||
width: 70,
|
||||
height: 70,
|
||||
width: 90,
|
||||
height: 90,
|
||||
child: ClipRRect(
|
||||
borderRadius: BorderRadius.circular(18),
|
||||
borderRadius: BorderRadius.zero,
|
||||
child: SceneArt(
|
||||
palette: scenePalette(routine.kind),
|
||||
seed: sceneSeed(routine.title),
|
||||
@@ -665,7 +664,6 @@ class RoutinesState extends State<Routines> implements ConnectRoutines {
|
||||
alignment: Alignment.center,
|
||||
decoration: BoxDecoration(
|
||||
color: tone,
|
||||
shape: BoxShape.circle,
|
||||
),
|
||||
child: Icon(Icons.check_rounded,
|
||||
size: 22, color: colorWhite),
|
||||
@@ -717,8 +715,8 @@ class RoutinesState extends State<Routines> implements ConnectRoutines {
|
||||
decoration: const BoxDecoration(
|
||||
color: colorAmbientMid,
|
||||
borderRadius: BorderRadius.only(
|
||||
topLeft: Radius.circular(32),
|
||||
topRight: Radius.circular(32),
|
||||
topLeft: Radius.zero,
|
||||
topRight: Radius.zero,
|
||||
),
|
||||
),
|
||||
clipBehavior: Clip.antiAlias,
|
||||
@@ -755,7 +753,7 @@ class RoutinesState extends State<Routines> implements ConnectRoutines {
|
||||
height: 4,
|
||||
decoration: BoxDecoration(
|
||||
color: colorWhite.withValues(alpha: 0.7),
|
||||
borderRadius: BorderRadius.circular(999),
|
||||
borderRadius: BorderRadius.zero,
|
||||
),
|
||||
),
|
||||
),
|
||||
@@ -772,7 +770,7 @@ class RoutinesState extends State<Routines> implements ConnectRoutines {
|
||||
children: [
|
||||
GlassSurface(
|
||||
onDark: true,
|
||||
radius: BorderRadius.circular(99),
|
||||
radius: BorderRadius.zero,
|
||||
padding: const EdgeInsets.symmetric(
|
||||
horizontal: 10, vertical: 5),
|
||||
child: text(kindLabel(routine.kind), 10,
|
||||
@@ -782,7 +780,7 @@ class RoutinesState extends State<Routines> implements ConnectRoutines {
|
||||
const SizedBox(width: 6),
|
||||
GlassSurface(
|
||||
onDark: true,
|
||||
radius: BorderRadius.circular(99),
|
||||
radius: BorderRadius.zero,
|
||||
padding: const EdgeInsets.symmetric(
|
||||
horizontal: 10, vertical: 5),
|
||||
child: text(
|
||||
@@ -816,7 +814,7 @@ class RoutinesState extends State<Routines> implements ConnectRoutines {
|
||||
const SizedBox(height: 16),
|
||||
],
|
||||
GlassSurface(
|
||||
radius: BorderRadius.circular(22),
|
||||
radius: BorderRadius.zero,
|
||||
tint: colorGlassStrong,
|
||||
padding: const EdgeInsets.fromLTRB(16, 14, 16, 14),
|
||||
child: Row(
|
||||
@@ -895,7 +893,7 @@ class RoutinesState extends State<Routines> implements ConnectRoutines {
|
||||
padding: const EdgeInsets.fromLTRB(10, 10, 14, 10),
|
||||
decoration: BoxDecoration(
|
||||
color: colorWhite,
|
||||
borderRadius: BorderRadius.circular(18),
|
||||
borderRadius: BorderRadius.zero,
|
||||
),
|
||||
child: Row(
|
||||
children: [
|
||||
@@ -905,7 +903,6 @@ class RoutinesState extends State<Routines> implements ConnectRoutines {
|
||||
alignment: Alignment.center,
|
||||
decoration: BoxDecoration(
|
||||
color: tone.withValues(alpha: 0.10),
|
||||
shape: BoxShape.circle,
|
||||
),
|
||||
child: text("${index + 1}", 12, TextType.Medium, color: tone),
|
||||
),
|
||||
|
||||
Reference in New Issue
Block a user