Radiquum/AniX
1
0
Fork 0
mirror of https://github.com/Radiquum/AniX.git synced 2025-05-06 04:49:40 +05:00
Code Issues Projects Releases Packages Wiki Activity Actions

ADD New Pre-Commit hooks and Formatting code

Browse source
This commit is contained in:
Kentai Radiquum 2024-04-23 18:30:35 +05:00
parent 5c9c3e67fa
commit 9e75a0783c
Signed by: Radiquum
GPG key ID: 858E8EE696525EED
26 changed files with 4163 additions and 105 deletions
Download patch file Download diff file Expand all files Collapse all files

67
frontend/app/components/ColorPicker/ColorPicker.jsx
View file

@ -20,37 +20,40 @@ export const ColorPicker = (props) => {
const [mode, setMode] = useState(ui("mode"));
return (
<dialog className="active left round bottom small" style={{blockSize: "unset"}}>
<h5>Выбор темы</h5>
<div className="grid center-align">
{colors.map((item) => {
return (
<button
key={item.color}
className={`circle border small ${item.color} s2`}
onClick={() => props.theme(item.hex)}
></button>
);
})}
</div>
<div className="medium-divider"></div>
<nav>
<button
className={`circle small transparent`}
onClick={() => {
props.mode();
setMode(ui("mode"));
}}
>
{mode == "light" ? <i>dark_mode</i> : <i>light_mode</i>}
</button>
<button
className={`circle small transparent `}
onClick={() => props.setColorPicker(!props.colorPicker)}
>
<i>close</i>
</button>
</nav>
</dialog>
<dialog
className="active left round bottom small"
style={{ blockSize: "unset" }}
>
<h5>Выбор темы</h5>
<div className="grid center-align">
{colors.map((item) => {
return (
<button
key={item.color}
className={`circle border small ${item.color} s2`}
onClick={() => props.theme(item.hex)}
></button>
);
})}
</div>
<div className="medium-divider"></div>
<nav>
<button
className={`circle small transparent`}
onClick={() => {
props.mode();
setMode(ui("mode"));
}}
>
{mode == "light" ? <i>dark_mode</i> : <i>light_mode</i>}
</button>
<button
className={`circle small transparent `}
onClick={() => props.setColorPicker(!props.colorPicker)}
>
<i>close</i>
</button>
</nav>
</dialog>
);
};

14
frontend/app/components/ColorPicker/ColorPicker.module.css
View file

@ -1,9 +1,9 @@
.radiquum-pink{
background-color: #ffc8ff !important;
.radiquum-pink {
background-color: #ffc8ff !important;
}
.fuxigen-blue{
background-color: #0087c7 !important;
.fuxigen-blue {
background-color: #0087c7 !important;
}
.anixart-red {
background-color: #e54040 !important;
}
.anixart-red{
background-color: #e54040 !important;
}