Merge pull request #1876 from ardriveapp/PE-6853-update-side-bar-styles

PE-6853: feat(side bar)
ardriveapp · Oct 7, 2024 · 08abef3 · 08abef3
2 parents e581fda + b1a16f6
commit 08abef3
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 7 deletions.
diff --git a/lib/components/side_bar.dart b/lib/components/side_bar.dart
@@ -273,6 +273,7 @@ class _AppSideBarState extends State<AppSideBar> {
 
   Widget _buildAccordion(DrivesLoadSuccess state, bool isMobile) {
     final typography = ArDriveTypographyNew.of(context);
+    final colorTokens = ArDriveTheme.of(context).themeData.colorTokens;
 
     return ArDriveAccordion(
       contentPadding: isMobile ? const EdgeInsets.all(4) : null,
@@ -283,9 +284,10 @@ class _AppSideBarState extends State<AppSideBar> {
           ArDriveAccordionItem(
             isExpanded: true,
             Text(
-              appLocalizationsOf(context).publicDrives,
+              appLocalizationsOf(context).publicDrives.toUpperCase(),
               style: typography.paragraphNormal(
-                fontWeight: ArFontWeight.bold,
+                fontWeight: ArFontWeight.semiBold,
+                color: colorTokens.textHigh,
               ),
             ),
             state.userDrives
@@ -311,9 +313,10 @@ class _AppSideBarState extends State<AppSideBar> {
           ArDriveAccordionItem(
             isExpanded: true,
             Text(
-              appLocalizationsOf(context).privateDrives,
+              appLocalizationsOf(context).privateDrives.toUpperCase(),
               style: typography.paragraphNormal(
-                fontWeight: ArFontWeight.bold,
+                fontWeight: ArFontWeight.semiBold,
+                color: colorTokens.textHigh,
               ),
             ),
             state.userDrives
@@ -334,9 +337,9 @@ class _AppSideBarState extends State<AppSideBar> {
           ArDriveAccordionItem(
             isExpanded: true,
             Text(
-              appLocalizationsOf(context).sharedDrives,
+              appLocalizationsOf(context).sharedDrives.toUpperCase(),
               style: typography.paragraphNormal(
-                fontWeight: ArFontWeight.bold,
+                fontWeight: ArFontWeight.semiBold,
               ),
             ),
             state.sharedDrives
@@ -538,7 +541,7 @@ class DriveListTile extends StatelessWidget {
       onTap: onTap,
       child: Padding(
         padding: const EdgeInsets.only(
-          left: 32.0,
+          left: 10.0,
           right: 8.0,
         ),
         child: Row(

diff --git a/packages/ardrive_ui/lib/src/components/scroll_bar.dart b/packages/ardrive_ui/lib/src/components/scroll_bar.dart
@@ -27,13 +27,15 @@ class ArDriveScrollBar extends StatelessWidget {
               trackColor: MaterialStateProperty.all<Color>(
                 isVisible ? grey.shade400 : Colors.transparent,
               ), // set the color of the track
+              thickness: MaterialStateProperty.all<double>(2.0),
             ),
           ),
       child: isVisible
           ? Scrollbar(
               interactive: true,
               thumbVisibility: alwaysVisible,
               controller: controller,
+              thickness: 2.0,
               child: child,
             )
           : child,