change sm to 600px from 500px for volume slider's sake

Author: johnnyshankman

src/renderer/components/LibraryList.tsx

@@ -333,7 +333,7 @@ export default function LibraryList({ onImportLibrary }: LibraryListProps) {
     setTimeout(() => {
       const artContainerHeight =
         document.querySelector('.art')?.clientHeight || 0;
-      if (currentWidth > 500) {
+      if (currentWidth > 600) {
         const newHeight = currentHeight - artContainerHeight - 106;
         setRowContainerHeight(newHeight);
       } else {

src/renderer/components/VolumeSliderStack.tsx

@@ -20,7 +20,7 @@ export default function VolumeSliderStack({
   };
 
   return (
-    <Box sx={{ width: '75%', maxWidth: 220, minWidth: 80 }}>
+    <Box sx={{ width: '75%', maxWidth: 210, minWidth: 80 }}>
       <Stack
         alignItems="center"
         direction="row"

tailwind.config.js

@@ -50,8 +50,8 @@ module.exports = {
        * the StaticPlayer component looks good snapping into a vertical layout.
        */
       screens: {
-        sm: '500px',
-        // => @media (min-width: 500px) { ... }
+        sm: '600px',
+        // => @media (min-width: 600px) { ... }
       },
       keyframes: {
         'sui--accordion-down': {