he4et/elseifplayer
1
0
Fork 0
mirror of https://github.com/He4eT/elseifplayer.git synced 2026-05-04 17:07:22 +00:00
Code Issues Projects Releases Packages Wiki Activity

MenuButton: pixel perfect svg icon

Browse source
This commit is contained in:
He4eT 2023-06-04 00:20:30 +03:00 • committed by Alexey
commit 982da41acb
3 changed files with 8 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

6
src/components/Player/InputBox/MenuButton/MenuButton.jsx
View file

@ -11,10 +11,12 @@ export default MenuButton = ({ onClick }) => {
>
<svg
class={s.menuIcon}
viewBox='0 0 24 24'
viewBox='0 0 28 32'
xmlns='http://www.w3.org/2000/svg'
>
<path d='M10 10h4v4h-4zm0-6h4v4h-4zm0 12h4v4h-4z'/>
<rect x='12' y='4' width='4' height='4'></rect>
<rect x='12' y='14' width='4' height='4'></rect>
<rect x='12' y='24' width='4' height='4'></rect>
</svg>
</button>
)

5
src/components/Player/InputBox/MenuButton/MenuButton.module.scss
View file

@ -16,7 +16,8 @@
.menuIcon {
height: 32px;
width: 32px;
fill: CurrentColor;
fill: none;
stroke: currentColor;
stroke-width: 2px;
}
}

1
src/components/Player/player.css
View file

@ -29,6 +29,7 @@
border: var(--border-width) solid var(--main-color);
border-top: var(--separator-width) solid var(--main-color);
padding: var(--inner-padding);
padding-right: calc(3 * var(--inner-padding));
margin: 0;
width: 100%;
}