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 <svg
class={s.menuIcon} class={s.menuIcon}
viewBox='0 0 24 24' viewBox='0 0 28 32'
xmlns='http://www.w3.org/2000/svg' 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> </svg>
</button> </button>
) )

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

@ -16,7 +16,8 @@
.menuIcon { .menuIcon {
height: 32px; height: 32px;
width: 32px; fill: none;
fill: CurrentColor; 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: var(--border-width) solid var(--main-color);
border-top: var(--separator-width) solid var(--main-color); border-top: var(--separator-width) solid var(--main-color);
padding: var(--inner-padding); padding: var(--inner-padding);
padding-right: calc(3 * var(--inner-padding));
margin: 0; margin: 0;
width: 100%; width: 100%;
} }