🐛 Bug fixes

lib/screens/explore.dart

@@ -108,10 +108,10 @@ class _ExploreScreenState extends State<ExploreScreen>
                                   RealmSwitcher(),
                                 ],
                               ).paddingSymmetric(horizontal: 8),
-                            ),
+                            ).paddingSymmetric(vertical: 4),
                             TabBar(
                               controller: _tabController,
-                              dividerHeight: 0.3,
+                              dividerHeight: scrollProgress > 0 ? 0 : 0.3,
                               tabAlignment: TabAlignment.fill,
                               tabs: [
                                 Tab(
@@ -138,8 +138,10 @@ class _ExploreScreenState extends State<ExploreScreen>
                                   child: Row(
                                     mainAxisSize: MainAxisSize.min,
                                     children: [
-                                      const Icon(Icons.shuffle_on_outlined,
+                                      const Icon(
-                                          size: 20),
+                                        Icons.shuffle_on_outlined,
+                                        size: 20,
+                                      ),
                                       const Gap(8),
                                       Text('postListShuffle'.tr),
                                     ],
@@ -151,7 +153,7 @@ class _ExploreScreenState extends State<ExploreScreen>
                         ).paddingOnly(top: MediaQuery.of(context).padding.top),
                       ),
                     ),
-                    expandedHeight: 96,
+                    expandedHeight: 104,
                     snap: true,
                     floating: true,
                     toolbarHeight: AppTheme.toolbarHeight(context),

lib/screens/posts/post_editor.dart

@@ -182,7 +182,10 @@ class _PostPublishScreenState extends State<PostPublishScreen> {
           crossAxisAlignment: CrossAxisAlignment.start,
           children: [
             ListTile(
-              tileColor: Theme.of(context).colorScheme.surfaceContainerLow,
+              tileColor: Theme.of(context)
+                  .colorScheme
+                  .surfaceContainerLow
+                  .withOpacity(0.5),
               title: Column(
                 crossAxisAlignment: CrossAxisAlignment.start,
                 children: [

lib/widgets/attachments/attachment_list.dart

@@ -186,10 +186,7 @@ class _AttachmentListState extends State<AttachmentList> {
 
     if (widget.isFullWidth && _attachments.length == 1) {
       final element = _attachments.first;
-      double ratio = math.max(
+      double ratio = element!.metadata?['ratio']?.toDouble() ?? 16 / 9;
-        element!.metadata?['ratio']?.toDouble() ?? 16 / 9,
-        0.5,
-      );
       return Container(
         width: MediaQuery.of(context).size.width,
         constraints: BoxConstraints(
@@ -199,6 +196,10 @@ class _AttachmentListState extends State<AttachmentList> {
           aspectRatio: ratio,
           child: Container(
             decoration: BoxDecoration(
+              color: Theme.of(context)
+                  .colorScheme
+                  .surfaceContainer
+                  .withOpacity(0.5),
               border: Border.symmetric(
                 horizontal: BorderSide(
                   color: Theme.of(context).dividerColor,
@@ -231,7 +232,10 @@ class _AttachmentListState extends State<AttachmentList> {
           final element = _attachments[idx];
           return Container(
             decoration: BoxDecoration(
-              color: Theme.of(context).colorScheme.surfaceContainerHigh,
+              color: Theme.of(context)
+                  .colorScheme
+                  .surfaceContainer
+                  .withOpacity(0.5),
               border: Border.all(
                 color: Theme.of(context).dividerColor,
                 width: 1,
@@ -256,10 +260,7 @@ class _AttachmentListState extends State<AttachmentList> {
           final element = _attachments[idx];
           idx++;
           if (element == null) return const SizedBox.shrink();
-          double ratio = math.max(
+          double ratio = element.metadata?['ratio']?.toDouble() ?? 16 / 9;
-            element.metadata?['ratio']?.toDouble() ?? 16 / 9,
-            0.5,
-          );
           return Container(
             constraints: BoxConstraints(
               maxWidth: widget.columnMaxWidth,
@@ -269,6 +270,10 @@ class _AttachmentListState extends State<AttachmentList> {
               aspectRatio: ratio,
               child: Container(
                 decoration: BoxDecoration(
+                  color: Theme.of(context)
+                      .colorScheme
+                      .surfaceContainer
+                      .withOpacity(0.5),
                   border: Border.all(
                     color: Theme.of(context).dividerColor,
                     width: 1,
@@ -298,10 +303,7 @@ class _AttachmentListState extends State<AttachmentList> {
         itemBuilder: (context, idx) {
           final element = _attachments[idx];
           if (element == null) const SizedBox.shrink();
-          double ratio = math.max(
+          final ratio = element!.metadata?['ratio']?.toDouble() ?? 16 / 9;
-            element!.metadata?['ratio']?.toDouble() ?? 16 / 9,
-            0.5,
-          );
           return Container(
             constraints: BoxConstraints(
               maxWidth: math.min(
@@ -314,6 +316,10 @@ class _AttachmentListState extends State<AttachmentList> {
               aspectRatio: ratio,
               child: Container(
                 decoration: BoxDecoration(
+                  color: Theme.of(context)
+                      .colorScheme
+                      .surfaceContainer
+                      .withOpacity(0.5),
                   border: Border.all(
                     color: Theme.of(context).dividerColor,
                     width: 1,