mirror of
https://github.com/RGBCube/Site
synced 2025-07-31 13:07:46 +00:00
Fix styles
This commit is contained in:
parent
b0f95a6b4b
commit
70a18c70eb
2 changed files with 33 additions and 30 deletions
18
site/404.tsx
18
site/404.tsx
|
@ -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}
|
|
||||||
/>
|
|
||||||
</>
|
</>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|
|
@ -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>
|
|
||||||
}
|
|
||||||
/>
|
|
||||||
</>
|
</>
|
||||||
);
|
);
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue