Added slider to increase/decrease volume

Changed class w-24 to w-full.
This commit is contained in:
ritikprajapat21 2025-07-09 13:06:25 +05:30
parent d611bd6303
commit 2d6fb98130
2 changed files with 6 additions and 6 deletions

View file

@ -966,14 +966,14 @@ export default function PodcastsPageClient({
</Button> </Button>
</motion.div> </motion.div>
<div className="relative w-24"> <div className="relative w-full">
<Slider <Slider
value={[isMuted ? 0 : volume]} value={[isMuted ? 0 : volume]}
min={0} min={0}
max={1} max={1}
step={0.01} step={0.01}
onValueChange={handleVolumeChange} onValueChange={handleVolumeChange}
className="w-24" className="w-full"
disabled={isMuted} disabled={isMuted}
/> />
<motion.div <motion.div

View file

@ -4354,8 +4354,8 @@ packages:
tailwind-merge@3.2.0: tailwind-merge@3.2.0:
resolution: {integrity: sha512-FQT/OVqCD+7edmmJpsgCsY820RTD5AkBryuG5IUqR5YQZSdj5xlH5nLgH7YPths7WsLPSpSBNneJdM8aS8aeFA==} resolution: {integrity: sha512-FQT/OVqCD+7edmmJpsgCsY820RTD5AkBryuG5IUqR5YQZSdj5xlH5nLgH7YPths7WsLPSpSBNneJdM8aS8aeFA==}
tailwind-merge@3.3.0: tailwind-merge@3.3.1:
resolution: {integrity: sha512-fyW/pEfcQSiigd5SNn0nApUOxx0zB/dm6UDU/rEwc2c3sX2smWUNbapHv+QRqLGVp9GWX3THIa7MUGPo+YkDzQ==} resolution: {integrity: sha512-gBXpgUm/3rp1lMZZrM/w7D8GKqshif0zAymAhbCyIt8KMe+0v9DQ7cdYLR4FHH/cKpdTXb+A/tKKU3eolfsI+g==}
tailwindcss-animate@1.0.7: tailwindcss-animate@1.0.7:
resolution: {integrity: sha512-bl6mpH3T7I3UFxuvDEXLxy/VuFxBk5bbzplh7tXI68mwMokNYd1t9qPBHlnyTwfa4JGC4zP516I1hYYtQ/vspA==} resolution: {integrity: sha512-bl6mpH3T7I3UFxuvDEXLxy/VuFxBk5bbzplh7tXI68mwMokNYd1t9qPBHlnyTwfa4JGC4zP516I1hYYtQ/vspA==}
@ -6869,7 +6869,7 @@ snapshots:
react: 19.0.0 react: 19.0.0
react-dom: 19.0.0(react@19.0.0) react-dom: 19.0.0(react@19.0.0)
react-easy-sort: 1.6.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0) react-easy-sort: 1.6.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
tailwind-merge: 3.3.0 tailwind-merge: 3.3.1
tsup: 6.7.0(postcss@8.5.3)(typescript@5.8.2) tsup: 6.7.0(postcss@8.5.3)(typescript@5.8.2)
transitivePeerDependencies: transitivePeerDependencies:
- '@swc/core' - '@swc/core'
@ -9411,7 +9411,7 @@ snapshots:
tailwind-merge@3.2.0: {} tailwind-merge@3.2.0: {}
tailwind-merge@3.3.0: {} tailwind-merge@3.3.1: {}
tailwindcss-animate@1.0.7(tailwindcss@4.0.9): tailwindcss-animate@1.0.7(tailwindcss@4.0.9):
dependencies: dependencies: