console working
deleted: "Svrnty_norms_guide/Images/Capture d\342\200\231\303\251cran, le 2025-10-25 \303\240 10.15.39.png" deleted: "images/Capture d\342\200\231\303\251cran, le 2025-10-25 \303\240 13.30.24.png" modified: lib/console_landing_page.dart
This commit is contained in:
parent
e20ea43a85
commit
8a12b7e1da
Binary file not shown.
|
Before Width: | Height: | Size: 138 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 306 KiB |
@ -336,39 +336,37 @@ class _ConsoleLandingPageState extends State<ConsoleLandingPage> {
|
|||||||
// Helper method: Build responsive grid
|
// Helper method: Build responsive grid
|
||||||
Widget _buildResponsiveGrid(double width, List<Widget> children) {
|
Widget _buildResponsiveGrid(double width, List<Widget> children) {
|
||||||
int crossAxisCount;
|
int crossAxisCount;
|
||||||
double childAspectRatio;
|
|
||||||
double spacing;
|
double spacing;
|
||||||
|
|
||||||
if (width < 600) {
|
if (width < 600) {
|
||||||
// Mobile: 1 column
|
// Mobile: 1 column
|
||||||
crossAxisCount = 1;
|
crossAxisCount = 1;
|
||||||
childAspectRatio = 1.8;
|
|
||||||
spacing = 12.0;
|
spacing = 12.0;
|
||||||
} else if (width < 900) {
|
} else if (width < 900) {
|
||||||
// Tablet: 2 columns
|
// Tablet: 2 columns
|
||||||
crossAxisCount = 2;
|
crossAxisCount = 2;
|
||||||
childAspectRatio = 1.3;
|
|
||||||
spacing = 16.0;
|
spacing = 16.0;
|
||||||
} else if (width < 1200) {
|
} else if (width < 1200) {
|
||||||
// Small desktop: 3 columns
|
// Small desktop: 3 columns
|
||||||
crossAxisCount = 3;
|
crossAxisCount = 3;
|
||||||
childAspectRatio = 1.1;
|
|
||||||
spacing = 20.0;
|
spacing = 20.0;
|
||||||
} else {
|
} else {
|
||||||
// Large desktop: 3 columns with more space
|
// Large desktop: 3 columns with more space
|
||||||
crossAxisCount = 3;
|
crossAxisCount = 3;
|
||||||
childAspectRatio = 1.3;
|
|
||||||
spacing = 24.0;
|
spacing = 24.0;
|
||||||
}
|
}
|
||||||
|
|
||||||
return GridView.count(
|
return GridView.builder(
|
||||||
crossAxisCount: crossAxisCount,
|
gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
|
||||||
childAspectRatio: childAspectRatio,
|
crossAxisCount: crossAxisCount,
|
||||||
crossAxisSpacing: spacing,
|
mainAxisExtent: 140,
|
||||||
mainAxisSpacing: spacing,
|
crossAxisSpacing: spacing,
|
||||||
|
mainAxisSpacing: spacing,
|
||||||
|
),
|
||||||
|
itemCount: children.length,
|
||||||
shrinkWrap: true,
|
shrinkWrap: true,
|
||||||
physics: const NeverScrollableScrollPhysics(),
|
physics: const NeverScrollableScrollPhysics(),
|
||||||
children: children,
|
itemBuilder: (context, index) => children[index],
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -428,7 +426,7 @@ class _ConsoleLandingPageState extends State<ConsoleLandingPage> {
|
|||||||
),
|
),
|
||||||
),
|
),
|
||||||
child: Padding(
|
child: Padding(
|
||||||
padding: const EdgeInsets.all(12.0),
|
padding: const EdgeInsets.all(16.0),
|
||||||
child: Column(
|
child: Column(
|
||||||
crossAxisAlignment: CrossAxisAlignment.start,
|
crossAxisAlignment: CrossAxisAlignment.start,
|
||||||
mainAxisSize: MainAxisSize.min,
|
mainAxisSize: MainAxisSize.min,
|
||||||
@ -438,13 +436,13 @@ class _ConsoleLandingPageState extends State<ConsoleLandingPage> {
|
|||||||
children: [
|
children: [
|
||||||
GFAvatar(
|
GFAvatar(
|
||||||
backgroundColor: color.withOpacity(0.3),
|
backgroundColor: color.withOpacity(0.3),
|
||||||
child: Icon(icon, size: 28, color: color),
|
child: Icon(icon, size: 24, color: color),
|
||||||
radius: 26,
|
radius: 22,
|
||||||
shape: GFAvatarShape.standard,
|
shape: GFAvatarShape.standard,
|
||||||
),
|
),
|
||||||
Container(
|
Container(
|
||||||
constraints: const BoxConstraints(minWidth: 100),
|
constraints: const BoxConstraints(minWidth: 90),
|
||||||
padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 8),
|
padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 6),
|
||||||
decoration: BoxDecoration(
|
decoration: BoxDecoration(
|
||||||
color: color,
|
color: color,
|
||||||
borderRadius: BorderRadius.circular(20),
|
borderRadius: BorderRadius.circular(20),
|
||||||
@ -454,7 +452,7 @@ class _ConsoleLandingPageState extends State<ConsoleLandingPage> {
|
|||||||
status,
|
status,
|
||||||
style: const TextStyle(
|
style: const TextStyle(
|
||||||
color: Colors.white,
|
color: Colors.white,
|
||||||
fontSize: 12,
|
fontSize: 11,
|
||||||
fontWeight: FontWeight.bold,
|
fontWeight: FontWeight.bold,
|
||||||
letterSpacing: 0.5,
|
letterSpacing: 0.5,
|
||||||
),
|
),
|
||||||
@ -463,21 +461,21 @@ class _ConsoleLandingPageState extends State<ConsoleLandingPage> {
|
|||||||
),
|
),
|
||||||
],
|
],
|
||||||
),
|
),
|
||||||
const SizedBox(height: 16),
|
const SizedBox(height: 12),
|
||||||
Text(
|
Text(
|
||||||
title,
|
title,
|
||||||
style: TextStyle(
|
style: TextStyle(
|
||||||
fontSize: 20,
|
fontSize: 18,
|
||||||
fontWeight: FontWeight.bold,
|
fontWeight: FontWeight.bold,
|
||||||
color: colorScheme.onSurface,
|
color: colorScheme.onSurface,
|
||||||
letterSpacing: 0.3,
|
letterSpacing: 0.3,
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
const SizedBox(height: 6),
|
const SizedBox(height: 4),
|
||||||
Text(
|
Text(
|
||||||
subtitle,
|
subtitle,
|
||||||
style: TextStyle(
|
style: TextStyle(
|
||||||
fontSize: 14,
|
fontSize: 13,
|
||||||
color: colorScheme.onSurfaceVariant,
|
color: colorScheme.onSurfaceVariant,
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user