yorickr/plezy
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: consistent borderless text input styling

Browse Source
This commit is contained in:
edde746
2026-04-01 23:10:40 +02:00
parent 984125a79e
commit 4c534b44d4
5 changed files with 40 additions and 48 deletions
Download Patch File Download Diff File Expand all files Collapse all files
lib/widgets/pill_input_decoration.dart
+19
View File
@@ -0,0 +1,19 @@
import 'package:flutter/material.dart';
const pillInputRadius = BorderRadius.all(Radius.circular(100));
InputDecoration pillInputDecoration(BuildContext context, {String? hintText, Widget? prefixIcon, Widget? suffixIcon}) {
final fillColor = Theme.of(context).colorScheme.onSurface.withValues(alpha: 0.08);
const border = OutlineInputBorder(borderRadius: pillInputRadius, borderSide: BorderSide.none);
return InputDecoration(
hintText: hintText,
prefixIcon: prefixIcon,
suffixIcon: suffixIcon,
filled: true,
fillColor: fillColor,
border: border,
enabledBorder: border,
focusedBorder: border,
contentPadding: const EdgeInsets.symmetric(horizontal: 16, vertical: 12),
);
}
lib/widgets/video_controls/sheets/subtitle_search_sheet.dart
+5 -20
View File
@@ -11,24 +11,9 @@ import '../../../utils/snackbar_helper.dart';
import '../../../widgets/app_icon.dart';
import '../../../widgets/focusable_list_tile.dart';
import '../../../widgets/overlay_sheet.dart';
import '../../../widgets/pill_input_decoration.dart';
import 'base_video_control_sheet.dart';
const _kPillRadius = BorderRadius.all(Radius.circular(100));
InputDecoration _pillInputDecoration(BuildContext context, {String? hintText, Widget? prefixIcon}) {
final fillColor = Theme.of(context).colorScheme.onSurface.withValues(alpha: 0.08);
return InputDecoration(
hintText: hintText,
prefixIcon: prefixIcon,
filled: true,
fillColor: fillColor,
border: const OutlineInputBorder(borderRadius: _kPillRadius, borderSide: BorderSide.none),
enabledBorder: const OutlineInputBorder(borderRadius: _kPillRadius, borderSide: BorderSide.none),
focusedBorder: const OutlineInputBorder(borderRadius: _kPillRadius, borderSide: BorderSide.none),
contentPadding: const EdgeInsets.symmetric(horizontal: 16, vertical: 12),
);
}
class SubtitleSearchSheet extends StatefulWidget {
final String ratingKey;
final String serverId;
@@ -186,9 +171,9 @@ class _SubtitleSearchSheetState extends State<SubtitleSearchSheet> {
// Language chip
Material(
color: fillColor,
borderRadius: _kPillRadius,
borderRadius: pillInputRadius,
child: InkWell(
borderRadius: _kPillRadius,
borderRadius: pillInputRadius,
onTap: () => setState(() => _showLanguagePicker = true),
child: Padding(
padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 10),
@@ -208,7 +193,7 @@ class _SubtitleSearchSheetState extends State<SubtitleSearchSheet> {
Expanded(
child: TextField(
controller: _titleController,
decoration: _pillInputDecoration(
decoration: pillInputDecoration(
context,
hintText: widget.mediaTitle ?? 'Title',
prefixIcon: const Icon(Symbols.search_rounded, size: 20),
@@ -369,7 +354,7 @@ class _LanguagePickerViewState extends State<_LanguagePickerView> {
child: TextField(
controller: _filterController,
autofocus: true,
decoration: _pillInputDecoration(
decoration: pillInputDecoration(
context,
hintText: t.videoControls.searchLanguages,
prefixIcon: const Icon(Symbols.search_rounded, size: 20),