1
Fork 0
mirror of https://github.com/RGBCube/Site synced 2025-07-30 20:47:46 +00:00

Fix styles

This commit is contained in:
RGBCube 2024-02-16 16:11:04 +03:00
parent b0f95a6b4b
commit 70a18c70eb
No known key found for this signature in database
2 changed files with 33 additions and 30 deletions

View file

@ -19,6 +19,15 @@ export default (_data: Lume.Data, helpers: Lume.Helpers) => {
return (
<>
<Cube
front={face}
back={face}
left={face}
right={face}
top={face}
bottom={face}
/>
<style
dangerouslySetInnerHTML={{
__html: `
@ -44,6 +53,7 @@ export default (_data: Lume.Data, helpers: Lume.Helpers) => {
.frame {
position: absolute;
z-index: 99999;
top: 50%;
left: 50%;
@ -55,14 +65,6 @@ export default (_data: Lume.Data, helpers: Lume.Helpers) => {
}}
>
</style>
<Cube
front={face}
back={face}
left={face}
right={face}
top={face}
bottom={face}
/>
</>
);
};

View file

@ -4,6 +4,29 @@ export const title = "RGBCube";
export default (
<>
<Cube
front={
<a href="/about">
<div className="frame">about</div>
</a>
}
top={
<a href="https://github.com/RGBCube">
<div className="frame">github</div>
</a>
}
right={
<a href="/contact">
<div className="frame">contact</div>
</a>
}
left={
<a href="/blog">
<div className="frame">blog</div>
</a>
}
/>
<style
dangerouslySetInnerHTML={{
__html: `
@ -77,27 +100,5 @@ export default (
}}
>
</style>
<Cube
front={
<a href="/about">
<div className="frame">about</div>
</a>
}
top={
<a href="https://github.com/RGBCube">
<div className="frame">github</div>
</a>
}
right={
<a href="/contact">
<div className="frame">contact</div>
</a>
}
left={
<a href="/blog">
<div className="frame">blog</div>
</a>
}
/>
</>
);