@@ -21,31 +21,43 @@ class OfflinePage extends StatelessWidget {
2121 )
2222 : const SizedBox .shrink (),
2323 ),
24- body: Center (
25- child: Column (
26- mainAxisSize: MainAxisSize .min,
27- children: [
28- YaruAnimatedVectorIcon (
29- YaruAnimatedIcons .no_network,
30- size: 200 ,
31- color: theme.disabledColor,
24+ body: const OfflineBody (),
25+ );
26+ }
27+ }
28+
29+ class OfflineBody extends StatelessWidget {
30+ const OfflineBody ({
31+ super .key,
32+ });
33+
34+ @override
35+ Widget build (BuildContext context) {
36+ final theme = context.theme;
37+ return Center (
38+ child: Column (
39+ mainAxisSize: MainAxisSize .min,
40+ children: [
41+ YaruAnimatedVectorIcon (
42+ YaruAnimatedIcons .no_network,
43+ size: 200 ,
44+ color: theme.disabledColor,
45+ ),
46+ Padding (
47+ padding: const EdgeInsets .only (
48+ top: kYaruPagePadding,
49+ left: 40 ,
50+ right: 40 ,
3251 ),
33- Padding (
34- padding: const EdgeInsets .only (
35- top: kYaruPagePadding,
36- left: 40 ,
37- right: 40 ,
38- ),
39- child: Text (
40- "It look's like your computer is not connected to the internet" ,
41- textAlign: TextAlign .center,
42- style: theme.textTheme.headlineMedium? .copyWith (
43- color: theme.disabledColor,
44- ),
52+ child: Text (
53+ "It look's like your computer is not connected to the internet" ,
54+ textAlign: TextAlign .center,
55+ style: theme.textTheme.headlineMedium? .copyWith (
56+ color: theme.disabledColor,
4557 ),
4658 ),
47- ] ,
48- ) ,
59+ ) ,
60+ ] ,
4961 ),
5062 );
5163 }
0 commit comments