|
21 | 21 |
|
22 | 22 | import 'package:fluentui_system_icons/fluentui_system_icons.dart'; |
23 | 23 | import 'package:flutter/material.dart'; |
| 24 | +import 'package:musify/constants/common_variables.dart'; |
24 | 25 | import 'package:musify/constants/version.dart'; |
25 | 26 | import 'package:musify/extensions/l10n.dart'; |
26 | | -import 'package:musify/utilities/common_variables.dart'; |
27 | 27 | import 'package:musify/utilities/url_launcher.dart'; |
28 | 28 |
|
29 | 29 | class AboutPage extends StatelessWidget { |
@@ -87,44 +87,73 @@ class AboutPage extends StatelessWidget { |
87 | 87 | ), |
88 | 88 | ), |
89 | 89 | const SizedBox(height: 32), |
90 | | - Card( |
91 | | - color: Theme.of(context).colorScheme.surfaceContainerHigh, |
92 | | - child: ListTile( |
93 | | - contentPadding: const EdgeInsets.all(8), |
94 | | - leading: Container( |
95 | | - height: 50, |
96 | | - width: 50, |
97 | | - decoration: const BoxDecoration( |
98 | | - shape: BoxShape.circle, |
99 | | - image: DecorationImage( |
100 | | - fit: BoxFit.fill, |
101 | | - image: NetworkImage( |
| 90 | + Material( |
| 91 | + color: Theme.of(context).colorScheme.surfaceContainerLow, |
| 92 | + borderRadius: BorderRadius.circular(20), |
| 93 | + clipBehavior: Clip.antiAlias, |
| 94 | + child: Padding( |
| 95 | + padding: const EdgeInsets.symmetric( |
| 96 | + horizontal: 16, |
| 97 | + vertical: 14, |
| 98 | + ), |
| 99 | + child: Row( |
| 100 | + children: [ |
| 101 | + ClipRRect( |
| 102 | + borderRadius: BorderRadius.circular(14), |
| 103 | + child: Image.network( |
102 | 104 | 'https://avatars.githubusercontent.com/u/79704324?v=4', |
| 105 | + width: 52, |
| 106 | + height: 52, |
| 107 | + fit: BoxFit.cover, |
103 | 108 | ), |
104 | 109 | ), |
105 | | - ), |
106 | | - ), |
107 | | - title: const Text( |
108 | | - 'Valeri Gokadze', |
109 | | - style: TextStyle(fontWeight: FontWeight.w600), |
110 | | - ), |
111 | | - subtitle: const Text('WEB & APP Developer'), |
112 | | - trailing: Wrap( |
113 | | - children: <Widget>[ |
114 | | - _SocialButton( |
115 | | - icon: FluentIcons.code_24_filled, |
116 | | - tooltip: 'Github', |
117 | | - onPressed: () { |
118 | | - launchURL(Uri.parse('https://github.com/gokadzev')); |
119 | | - }, |
| 110 | + const SizedBox(width: 14), |
| 111 | + Expanded( |
| 112 | + child: Column( |
| 113 | + crossAxisAlignment: CrossAxisAlignment.start, |
| 114 | + children: [ |
| 115 | + Text( |
| 116 | + 'Valeri Gokadze', |
| 117 | + style: TextStyle( |
| 118 | + color: Theme.of(context).colorScheme.onSurface, |
| 119 | + fontWeight: FontWeight.w600, |
| 120 | + fontSize: 15, |
| 121 | + ), |
| 122 | + ), |
| 123 | + const SizedBox(height: 2), |
| 124 | + Text( |
| 125 | + 'WEB & APP Developer', |
| 126 | + style: TextStyle( |
| 127 | + color: Theme.of( |
| 128 | + context, |
| 129 | + ).colorScheme.onSurfaceVariant, |
| 130 | + fontSize: 13, |
| 131 | + fontWeight: FontWeight.w500, |
| 132 | + ), |
| 133 | + ), |
| 134 | + ], |
| 135 | + ), |
120 | 136 | ), |
121 | 137 | const SizedBox(width: 8), |
122 | | - _SocialButton( |
123 | | - icon: FluentIcons.globe_24_filled, |
124 | | - tooltip: 'Website', |
125 | | - onPressed: () { |
126 | | - launchURL(Uri.parse('https://gokadzev.github.io')); |
127 | | - }, |
| 138 | + Row( |
| 139 | + mainAxisSize: MainAxisSize.min, |
| 140 | + children: [ |
| 141 | + _SocialButton( |
| 142 | + icon: FluentIcons.code_24_filled, |
| 143 | + tooltip: 'Github', |
| 144 | + onPressed: () { |
| 145 | + launchURL(Uri.parse('https://github.com/gokadzev')); |
| 146 | + }, |
| 147 | + ), |
| 148 | + const SizedBox(width: 8), |
| 149 | + _SocialButton( |
| 150 | + icon: FluentIcons.globe_24_filled, |
| 151 | + tooltip: 'Website', |
| 152 | + onPressed: () { |
| 153 | + launchURL(Uri.parse('https://gokadzev.github.io')); |
| 154 | + }, |
| 155 | + ), |
| 156 | + ], |
128 | 157 | ), |
129 | 158 | ], |
130 | 159 | ), |
|
0 commit comments