hax/moodist
1
0
Fork 0
mirror of https://github.com/remvze/moodist.git synced 2025-12-18 09:24:14 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

style: add more icons

Browse source
This commit is contained in:
MAZE 2023-10-08 13:21:11 +03:30
parent e6abca61fe
commit 41c5ae5db8
2 changed files with 12 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/components/sound/sound.module.css
View file

@ -74,7 +74,7 @@
} }
& h3 { & h3 {
margin-top: 6px; margin-top: 8px;
cursor: default; cursor: default;
font-family: var(--font-heading); font-family: var(--font-heading);
font-size: var(--font-sm); font-size: var(--font-sm);
@ -85,7 +85,7 @@
& input { & input {
width: 100%; width: 100%;
max-width: 120px; max-width: 120px;
margin-top: 12px; margin-top: 10px;
/********** Range Input Styles **********/ /********** Range Input Styles **********/

19
src/data/sounds.tsx
View file

@ -1,11 +1,12 @@
import { BiSolidTree, BiWater } from 'react-icons/bi/index'; import { BiSolidTree, BiWater, BiSolidCoffeeAlt } from 'react-icons/bi/index';
import { FaCity, FaCloudShowersHeavy, FaWater } from 'react-icons/fa/index'; import { FaCity, FaCloudShowersHeavy, FaWater } from 'react-icons/fa/index';
import { PiBirdFill } from 'react-icons/pi/index'; import { PiBirdFill } from 'react-icons/pi/index';
import { MdOutlineThunderstorm } from 'react-icons/md/index'; import { MdOutlineThunderstorm } from 'react-icons/md/index';
import { GiCricket } from 'react-icons/gi/index'; import { GiCricket, GiSeagull, GiWindow } from 'react-icons/gi/index';
import { BsSoundwave } from 'react-icons/bs/index'; import { BsFire, BsAirplaneFill } from 'react-icons/bs/index';
// import { BsSoundwave } from 'react-icons/bs/index';
const defaultIcon = <BsSoundwave />; // const defaultIcon = <BsSoundwave />;
export const sounds: { export const sounds: {
categories: Array<{ categories: Array<{
@ -51,12 +52,12 @@ export const sounds: {
src: '/sounds/waves.mp3', src: '/sounds/waves.mp3',
}, },
{ {
icon: defaultIcon, icon: <GiSeagull />,
label: 'Seagulls', label: 'Seagulls',
src: '/sounds/seagulls.mp3', src: '/sounds/seagulls.mp3',
}, },
{ {
icon: defaultIcon, icon: <BsFire />,
label: 'Campfire', label: 'Campfire',
src: '/sounds/campfire.mp3', src: '/sounds/campfire.mp3',
}, },
@ -68,17 +69,17 @@ export const sounds: {
id: 'urban', id: 'urban',
sounds: [ sounds: [
{ {
icon: defaultIcon, icon: <BsAirplaneFill />,
label: 'Airport', label: 'Airport',
src: '/sounds/airport.mp3', src: '/sounds/airport.mp3',
}, },
{ {
icon: defaultIcon, icon: <BiSolidCoffeeAlt />,
label: 'Cafe', label: 'Cafe',
src: '/sounds/cafe.mp3', src: '/sounds/cafe.mp3',
}, },
{ {
icon: defaultIcon, icon: <GiWindow />,
label: 'Rain on Window', label: 'Rain on Window',
src: '/sounds/rain-on-window.mp3', src: '/sounds/rain-on-window.mp3',
}, },