josiadmin/MyNewAppWriteTankApp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

design fixes.

Browse Source
This commit is contained in:
Darshan 2025-03-18 13:10:17 +05:30
parent 761fcd7cd7
commit 2dea779758
6 changed files with 70 additions and 45 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
lib/main.dart
View File

@ -54,7 +54,7 @@ class _AppwriteStarterKit extends State<AppwriteStarterKit> {
children: [
SingleChildScrollView(
child: Column(
spacing: 16,
spacing: context.isLargeScreen ? 64 : 32,
children: [
TopPlatformView(status: _status),
ConnectionStatusView(

2
lib/ui/components/collapsible_bottomsheet.dart
View File

@ -500,7 +500,7 @@ class LogsTableRow extends StatelessWidget {
child: MouseRegion(
cursor: SystemMouseCursors.click,
child: Text(
response.substring(0, 50),
response.length > 50 ? response.substring(0, 50) : response,
maxLines: 1,
overflow: TextOverflow.ellipsis,
style: const TextStyle(

2
lib/ui/components/connection_line.dart
View File

@ -15,7 +15,7 @@ class ConnectionLine extends StatelessWidget {
return SizedBox(
width: context.widthFactor(
mobileFactor: 0.25,
largeScreenFactor: 0.15,
largeScreenFactor: 0.25,
),
child: Flex(
direction: Axis.horizontal,

77
lib/ui/components/getting_started_cards.dart
View File

@ -2,6 +2,30 @@ import 'package:appwrite_flutter_starter_kit/utils/extensions/build_context.dart
import 'package:flutter/material.dart';
import 'package:url_launcher/url_launcher.dart';
const cardWidgets = [
GeneralInfoCard(
title: "Edit your app",
link: null,
subtitle: HighlightedText(),
),
GeneralInfoCard(
title: "Head to Appwrite Cloud",
link: "https://cloud.appwrite.io",
subtitle: Text(
"Start managing your project from the Appwrite console",
style: TextStyle(fontSize: 14, color: Color(0xFF56565C)),
),
),
GeneralInfoCard(
title: "Explore docs",
link: "https://appwrite.io/docs",
subtitle: Text(
"Discover the full power of Appwrite by diving into our documentation",
style: TextStyle(fontSize: 14, color: Color(0xFF56565C)),
),
),
];
/// A widget that contains a list of informational cards displayed vertically.
class GettingStartedCards extends StatelessWidget {
const GettingStartedCards({super.key});
@ -9,39 +33,28 @@ class GettingStartedCards extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Padding(
padding: const EdgeInsets.symmetric(horizontal: 16.0, vertical: 16.0),
child: Column(
mainAxisSize: MainAxisSize.min,
children: [
GeneralInfoCard(
title: "Edit your app",
link: null,
subtitle: const HighlightedText(),
),
GeneralInfoCard(
title: "Head to Appwrite Cloud",
link: "https://cloud.appwrite.io",
subtitle: const Text(
"Start managing your project from the Appwrite console",
style: TextStyle(
fontSize: 14,
color: Color(0xFF56565C),
),
padding: const EdgeInsets.all(16.0),
child: context.isLargeScreen
? Wrap(
spacing: 16,
runSpacing: 16,
alignment: WrapAlignment.center,
children: cardWidgets
.map((card) => SizedBox(
width: 350,
child: card,
))
.toList(),
)
: Column(
mainAxisSize: MainAxisSize.min,
children: cardWidgets
.map((card) => Padding(
padding: const EdgeInsets.only(bottom: 16),
child: card,
))
.toList(),
),
),
GeneralInfoCard(
title: "Explore docs",
link: "https://appwrite.io/docs",
subtitle: const Text(
"Discover the full power of Appwrite by diving into our documentation",
style: TextStyle(
fontSize: 14,
color: Color(0xFF56565C),
),
),
),
],
),
);
}
}

30
lib/ui/components/top_platform_view.dart
View File

@ -1,5 +1,6 @@
import 'package:appwrite_flutter_starter_kit/data/models/status.dart';
import 'package:appwrite_flutter_starter_kit/ui/icons/appwrite.dart';
import 'package:appwrite_flutter_starter_kit/utils/extensions/build_context.dart';
import 'package:flutter/material.dart';
import 'connection_line.dart';
@ -18,13 +19,24 @@ class TopPlatformView extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Row(
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
PlatformIcon(child: FlutterLogo(size: 40)),
ConnectionLine(show: status == Status.success),
PlatformIcon(child: AppwriteIcon(size: 40)),
],
return Padding(
// web has extra padding on top.
padding:
context.isLargeScreen ? EdgeInsets.only(top: 85) : EdgeInsets.zero,
child: Row(
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
PlatformIcon(
size: context.isLargeScreen ? 185 : 100,
child: FlutterLogo(size: context.isLargeScreen ? 100 : 40),
),
ConnectionLine(show: status == Status.success),
PlatformIcon(
size: context.isLargeScreen ? 185 : 100,
child: AppwriteIcon(size: context.isLargeScreen ? 100 : 40),
),
],
),
);
}
}
@ -51,7 +63,7 @@ class PlatformIcon extends StatelessWidget {
height: size,
decoration: BoxDecoration(
color: const Color(0xFFFAFAFD),
borderRadius: BorderRadius.circular(24),
borderRadius: BorderRadius.circular(context.isLargeScreen ? 44 : 24),
border: Border.all(color: const Color(0x0A19191C), width: 1),
boxShadow: [
BoxShadow(
@ -67,7 +79,7 @@ class PlatformIcon extends StatelessWidget {
height: size * 0.86,
decoration: BoxDecoration(
color: Colors.white,
borderRadius: BorderRadius.circular(16),
borderRadius: BorderRadius.circular(context.isLargeScreen ? 32 : 16),
border: Border.all(color: const Color(0xFFFAFAFB), width: 1),
boxShadow: [
BoxShadow(

2
lib/ui/icons/appwrite.dart
View File

@ -1,7 +1,7 @@
import 'package:flutter/material.dart';
class AppwriteIcon extends StatelessWidget {
final double size; // Desired width, height scales accordingly
final double size;
final Color color;
const AppwriteIcon({