1
Fork 0
mirror of https://github.com/RGBCube/Site synced 2025-08-01 13:37:49 +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 ( return (
<> <>
<Cube
front={face}
back={face}
left={face}
right={face}
top={face}
bottom={face}
/>
<style <style
dangerouslySetInnerHTML={{ dangerouslySetInnerHTML={{
__html: ` __html: `
@ -44,6 +53,7 @@ export default (_data: Lume.Data, helpers: Lume.Helpers) => {
.frame { .frame {
position: absolute; position: absolute;
z-index: 99999;
top: 50%; top: 50%;
left: 50%; left: 50%;
@ -55,14 +65,6 @@ export default (_data: Lume.Data, helpers: Lume.Helpers) => {
}} }}
> >
</style> </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 ( 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 <style
dangerouslySetInnerHTML={{ dangerouslySetInnerHTML={{
__html: ` __html: `
@ -77,27 +100,5 @@ export default (
}} }}
> >
</style> </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>
}
/>
</> </>
); );