mirror of
https://github.com/RGBCube/Site
synced 2025-07-30 20:47: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 (
|
||||
<>
|
||||
<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}
|
||||
/>
|
||||
</>
|
||||
);
|
||||
};
|
||||
|
|
|
@ -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>
|
||||
}
|
||||
/>
|
||||
</>
|
||||
);
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue