jiazhizhong/polaris
1
0
Fork 0
mirror of https://github.com/simon-ding/polaris.git synced 2026-06-09 11:39:46 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: small screen

Browse Source
This commit is contained in:
Simon Ding
2024-08-10 11:06:29 +08:00
parent 1391f55f44
commit b62e0e9bfd
3 changed files with 11 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
ui/lib/main.dart
View File

@@ -11,6 +11,7 @@ import 'package:ui/settings/settings.dart';
import 'package:ui/system_page.dart'; import 'package:ui/system_page.dart';
import 'package:ui/tv_details.dart'; import 'package:ui/tv_details.dart';
import 'package:ui/welcome_page.dart'; import 'package:ui/welcome_page.dart';
import 'package:ui/widgets/utils.dart';
void main() { void main() {
runApp(const MyApp()); runApp(const MyApp());
@@ -49,7 +50,9 @@ class _MyAppState extends ConsumerState<MyApp> {
builder: (BuildContext context, GoRouterState state, Widget child) { builder: (BuildContext context, GoRouterState state, Widget child) {
return SelectionArea( return SelectionArea(
child: MainSkeleton( child: MainSkeleton(
body: Padding(padding: const EdgeInsets.all(20), child: child), body: Padding(
padding: EdgeInsets.all(isSmallScreen(context) ? 5 : 20),
child: child),
), ),
); );
}, },
@@ -128,8 +131,7 @@ class _MyAppState extends ConsumerState<MyApp> {
colorScheme: ColorScheme.fromSeed( colorScheme: ColorScheme.fromSeed(
seedColor: Colors.blueAccent, seedColor: Colors.blueAccent,
brightness: Brightness.dark, brightness: Brightness.dark,
surface: Colors.black87 surface: Colors.black87),
),
useMaterial3: true, useMaterial3: true,
//scaffoldBackgroundColor: Color.fromARGB(255, 26, 24, 24) //scaffoldBackgroundColor: Color.fromARGB(255, 26, 24, 24)
tooltipTheme: TooltipThemeData( tooltipTheme: TooltipThemeData(

4
ui/lib/welcome_page.dart
View File

@@ -27,7 +27,7 @@ class WelcomePage extends ConsumerWidget {
return switch (data) { return switch (data) {
AsyncData(:final value) => SingleChildScrollView( AsyncData(:final value) => SingleChildScrollView(
child: Wrap( child: Wrap(
spacing: isSmallScreen(context) ? 5 : 10, spacing: isSmallScreen(context) ? 0 : 10,
runSpacing: isSmallScreen(context) ? 10 : 20, runSpacing: isSmallScreen(context) ? 10 : 20,
children: value.isEmpty children: value.isEmpty
? [ ? [
@@ -57,7 +57,7 @@ class WelcomePage extends ConsumerWidget {
class MediaCard extends StatelessWidget { class MediaCard extends StatelessWidget {
final MediaDetail item; final MediaDetail item;
static const double smallWidth = 110; static const double smallWidth = 126;
static const double largeWidth = 140; static const double largeWidth = 140;
const MediaCard({super.key, required this.item}); const MediaCard({super.key, required this.item});

4
ui/lib/widgets/utils.dart
View File

@@ -58,3 +58,7 @@ bool isDesktop() {
return Platform.isLinux || Platform.isWindows || Platform.isMacOS; return Platform.isLinux || Platform.isWindows || Platform.isMacOS;
} }
bool isSmallScreen(BuildContext context) {
final screenWidth = MediaQuery.of(context).size.width;
return screenWidth < 600;
}