github-mirrors/immich
1
0
Fork 0
mirror of https://github.com/immich-app/immich.git synced 2026-03-22 16:09:29 +03:00
Code Issues Packages Projects Releases Wiki Activity

abc

Browse Source
This commit is contained in:
Thomas Way
2026-02-04 17:54:12 +00:00
parent 855817514c
commit bf6ed541dd
2 changed files with 23 additions and 83 deletions
Download Patch File Download Diff File Expand all files Collapse all files

104
mobile/lib/presentation/pages/dev/ui_showcase.page.dart
View File

@@ -3,33 +3,6 @@ import 'package:flutter/material.dart';
import 'package:immich_mobile/extensions/build_context_extensions.dart';
import 'package:immich_ui/immich_ui.dart';
List<Widget> _showcaseBuilder(Function(ImmichVariant variant, ImmichColor color) builder) {
final children = <Widget>[];
final items = [
(variant: ImmichVariant.filled, title: "Filled Variant"),
(variant: ImmichVariant.ghost, title: "Ghost Variant"),
];
for (final (:variant, :title) in items) {
children.add(Text(title));
children.add(Row(spacing: 10, children: [for (var color in ImmichColor.values) builder(variant, color)]));
}
return children;
}
class _ComponentTitle extends StatelessWidget {
final String title;
const _ComponentTitle(this.title);
@override
Widget build(BuildContext context) {
return Text(title, style: context.textTheme.titleLarge);
}
}
@RoutePage()
class ImmichUIShowcasePage extends StatelessWidget {
const ImmichUIShowcasePage({super.key});
@@ -37,63 +10,30 @@ class ImmichUIShowcasePage extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(title: const Text('Immich UI Showcase')),
body: Padding(
padding: const EdgeInsets.all(20),
child: SingleChildScrollView(
child: Column(
spacing: 10,
mainAxisAlignment: MainAxisAlignment.start,
crossAxisAlignment: CrossAxisAlignment.start,
children: [
const _ComponentTitle("IconButton"),
..._showcaseBuilder(
(variant, color) =>
ImmichIconButton(icon: Icons.favorite, color: color, variant: variant, onPressed: () {}),
),
const _ComponentTitle("CloseButton"),
..._showcaseBuilder(
(variant, color) => ImmichCloseButton(color: color, variant: variant, onPressed: () {}),
),
const _ComponentTitle("TextButton"),
body: LayoutBuilder(
builder: (context, constraints) {
final itemHeight = constraints.maxHeight * 0.5; // Each item takes 50% of screen
ImmichTextButton(
labelText: "Text Button",
onPressed: () {},
variant: ImmichVariant.filled,
color: ImmichColor.primary,
),
ImmichTextButton(
labelText: "Text Button",
onPressed: () {},
variant: ImmichVariant.filled,
color: ImmichColor.primary,
loading: true,
),
ImmichTextButton(
labelText: "Text Button",
onPressed: () {},
variant: ImmichVariant.ghost,
color: ImmichColor.primary,
),
ImmichTextButton(
labelText: "Text Button",
onPressed: () {},
variant: ImmichVariant.ghost,
color: ImmichColor.primary,
loading: true,
),
const _ComponentTitle("Form"),
ImmichForm(
onSubmit: () {},
child: const Column(
spacing: 10,
children: [ImmichTextInput(label: "Title", hintText: "Enter a title")],
return PageView.builder(
scrollDirection: Axis.vertical,
controller: PageController(
viewportFraction: 0.5, // Shows 2 items at once
),
itemCount: 2,
itemBuilder: (context, index) {
final colors = [Colors.blue, Colors.green];
final labels = ['First Item', 'Second Item'];
return Center(
child: Container(
padding: const EdgeInsets.all(24),
color: colors[index],
child: Text(labels[index], style: const TextStyle(color: Colors.white, fontSize: 24)),
),
),
],
),
),
);
},
);
},
),
);
}

2
mobile/lib/presentation/widgets/asset_viewer/asset_viewer.page.dart
View File

@@ -357,7 +357,7 @@ class _AssetViewerState extends ConsumerState<AssetViewer> {
}
if (distanceToOrigin > openThreshold && !showingBottomSheet && !ref.read(readonlyModeProvider)) {
_openBottomSheet(ctx);
// _openBottomSheet(ctx);
}
}