style: adjusted spacing for latency slider, trial blown up favicon

Co-authored-by: Alex Sklar <[email protected]> Co-authored-by: Erik Margetis <[email protected]>
syncosaurus · Apr 26, 2024 · 5b1078c · 5b1078c
1 parent 421bf9b
commit 5b1078c
Show file tree

Hide file tree

Showing 5 changed files with 5 additions and 5 deletions.
diff --git a/docusaurus.config.js b/docusaurus.config.js
@@ -13,7 +13,7 @@ const config = {
   title: 'Syncosaurus',
   tagline:
     'An open-source framework for real-time, collaborative web applications',
-  favicon: 'img/favicon.ico',
+  favicon: 'img/favicon2.ico',
 
   // Set the production url of your site here
   url: 'https://syncosaurus.github.io',

diff --git a/src/components/LatencySlider/LatencySlider.js b/src/components/LatencySlider/LatencySlider.js
@@ -22,9 +22,9 @@ export default function LatencySlider() {
   return (
     <div className="flex justify-start w-auto">
       <FormControl sx={{ display: 'inline-block' }}>
-        <FormHelperText sx={{ fontSize: '17px' }}>Latency</FormHelperText>
+        <FormHelperText sx={{ fontSize: '16.5px', alignItems: 'start' }}>Latency</FormHelperText>
         <Select
-          sx={{ width: '120px', height: '30px' }}
+          sx={{ width: '120px', height: '30px', alignItems: 'center' }}
           value={secondSliderlatency}
           onChange={handleLatencyChange}
         >

diff --git a/src/components/LatencySlider/VerticalSlider.js b/src/components/LatencySlider/VerticalSlider.js
@@ -27,7 +27,7 @@ export default function VerticalSlider({
       <Slider
         orientation="vertical"
         value={currentValue}
-        sx={{ marginBottom: '4em' }}
+        sx={{ marginBottom: '2rem', marginRight: '5rem', marginLeft: `${delay === 0 ? '3rem' : null}` }}
         delay={delay}
         onChange={delay === 0 ? handleChange : null}
         className={delay === 0 ? '' : 'opacity-40'}

diff --git a/static/img/favicon2.ico b/static/img/favicon2.ico
diff --git a/tailwind.config.js b/tailwind.config.js
@@ -20,8 +20,8 @@ module.exports = {
         sm: '4px',
       },
       screens: {
-        sm: '0px',
         lg: '997px',
+        sm: '0px',
       },
       colors: {
         syncoBlue: '#1D3370',