Font weight and padding tweaks (#90)

This commit is contained in:
Tommy Chow 2022-05-24 21:42:12 -04:00
parent d384b3279c
commit 639f8d372c
8 changed files with 25 additions and 21 deletions

View file

@ -23,8 +23,8 @@ class _EmoteMenuState extends State<EmoteMenu> {
@override
Widget build(BuildContext context) {
const sections = [
'Recent',
'Twitch',
'RECENT',
'TWITCH',
'BTTV',
'FFZ',
'7TV',
@ -48,7 +48,13 @@ class _EmoteMenuState extends State<EmoteMenu> {
widget.chatStore.assetsStore.emoteMenuIndex = index;
},
style: index == widget.chatStore.assetsStore.emoteMenuIndex ? null : TextButton.styleFrom(primary: Colors.grey),
child: Text(section),
child: Text(
section,
style: const TextStyle(
letterSpacing: 0.5,
fontWeight: FontWeight.w600,
),
),
),
),
)

View file

@ -59,7 +59,14 @@ class _RecentEmotesPanelState extends State<RecentEmotesPanel> {
height: 30,
child: TextButton(
onPressed: widget.chatStore.assetsStore.recentEmotes.isEmpty ? null : _showClearDialog,
child: const Text('Clear'),
child: const Text(
'CLEAR',
style: TextStyle(
letterSpacing: 0.5,
fontSize: 12.0,
fontWeight: FontWeight.w500,
),
),
),
),
],

View file

@ -281,7 +281,6 @@ class VideoOverlay extends StatelessWidget {
overflow: TextOverflow.ellipsis,
style: const TextStyle(
color: Colors.white,
fontWeight: FontWeight.w500,
),
),
),
@ -291,7 +290,6 @@ class VideoOverlay extends StatelessWidget {
style: const TextStyle(
fontSize: 12.0,
color: Colors.white,
fontWeight: FontWeight.w300,
),
),
],

View file

@ -67,7 +67,6 @@ class _SearchState extends State<Search> {
const SectionHeader(
'History',
padding: headerPadding,
fontWeight: FontWeight.bold,
),
Expanded(
child: ListView(
@ -103,7 +102,6 @@ class _SearchState extends State<Search> {
child: SectionHeader(
'Channels',
padding: headerPadding,
fontWeight: FontWeight.bold,
),
),
SearchResultsChannels(
@ -114,7 +112,6 @@ class _SearchState extends State<Search> {
child: SectionHeader(
'Categories',
padding: headerPadding,
fontWeight: FontWeight.bold,
),
),
SearchResultsCategories(searchStore: _searchStore),

View file

@ -22,10 +22,11 @@ class TopSection extends StatelessWidget {
),
),
Tab(
child: Text(
'Categories',
style: TextStyle(fontWeight: FontWeight.bold),
)),
child: Text(
'Categories',
style: TextStyle(fontWeight: FontWeight.bold),
),
),
],
),
Expanded(

View file

@ -139,7 +139,6 @@ class _StreamCardState extends State<StreamCard> {
child: Text(
widget.streamInfo.title.trim(),
overflow: TextOverflow.ellipsis,
style: const TextStyle(fontWeight: FontWeight.w500),
),
),
const SizedBox(height: 5.0),
@ -153,7 +152,6 @@ class _StreamCardState extends State<StreamCard> {
overflow: TextOverflow.ellipsis,
style: TextStyle(
fontSize: 12.0,
fontWeight: FontWeight.w300,
color: DefaultTextStyle.of(context).style.color?.withOpacity(0.8),
),
),
@ -185,7 +183,6 @@ class _StreamCardState extends State<StreamCard> {
'${NumberFormat().format(widget.streamInfo.viewerCount)} viewers',
style: TextStyle(
fontSize: 12.0,
fontWeight: FontWeight.w300,
color: DefaultTextStyle.of(context).style.color?.withOpacity(0.8),
),
),

View file

@ -21,7 +21,7 @@ class _ChatSettingsState extends State<ChatSettings> {
Widget build(BuildContext context) {
const timestamps = ['Disabled', '12-Hour', '24-Hour'];
const sectionPadding = EdgeInsets.only(left: 15.0, bottom: 5.0, top: 20.0);
const sectionPadding = EdgeInsets.only(left: 15.0, bottom: 5.0, top: 30.0);
final settingsStore = widget.settingsStore;
@ -39,7 +39,7 @@ class _ChatSettingsState extends State<ChatSettings> {
children: [
const SectionHeader(
'Layout',
padding: sectionPadding,
padding: EdgeInsets.only(left: 15.0, bottom: 5.0, top: 20.0),
),
SwitchListTile.adaptive(
title: const Text('Bottom Bar'),

View file

@ -4,14 +4,12 @@ class SectionHeader extends StatelessWidget {
final String text;
final EdgeInsets padding;
final double fontSize;
final FontWeight fontWeight;
const SectionHeader(
this.text, {
Key? key,
this.padding = const EdgeInsets.fromLTRB(10.0, 20.0, 10.0, 5.0),
this.fontSize = 12.0,
this.fontWeight = FontWeight.bold,
}) : super(key: key);
@override
@ -23,7 +21,7 @@ class SectionHeader extends StatelessWidget {
style: TextStyle(
color: DefaultTextStyle.of(context).style.color?.withOpacity(0.8),
fontSize: fontSize,
fontWeight: fontWeight,
fontWeight: FontWeight.w500,
letterSpacing: 0.5,
),
),