Improve screen usage
This commit is contained in:
parent
f4bede82a0
commit
a49e2253d6
2 changed files with 8 additions and 16 deletions
|
@ -6,15 +6,13 @@ import { BlankLine } from "./utils";
|
||||||
// TODO: Automate screenshot of info for thumbnail?
|
// TODO: Automate screenshot of info for thumbnail?
|
||||||
const Fetch = () => {
|
const Fetch = () => {
|
||||||
return (
|
return (
|
||||||
<div id="fetch-container">
|
<div id="fetch">
|
||||||
<div id="fetch">
|
<ProfilePicture />
|
||||||
<ProfilePicture />
|
<div id="basic-info">
|
||||||
<div id="basic-info">
|
<Description />
|
||||||
<Description />
|
<BlankLine />
|
||||||
<BlankLine />
|
<ColouredLine light={false} />
|
||||||
<ColouredLine light={false} />
|
<ColouredLine light={true} />
|
||||||
<ColouredLine light={true} />
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
|
|
|
@ -239,12 +239,6 @@ body {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
#fetch-container {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
justify-content: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
#fetch {
|
#fetch {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
|
@ -255,7 +249,7 @@ body {
|
||||||
font-family: "JetBrains Mono", "ui-monospace", "SF Mono", "Courier New", monospace;
|
font-family: "JetBrains Mono", "ui-monospace", "SF Mono", "Courier New", monospace;
|
||||||
margin: 0 1rem;
|
margin: 0 1rem;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
font-size: clamp(0.5rem, 2.5dvw, 1rem);
|
font-size: clamp(0.75rem, 2.5dvw, 1.25rem);
|
||||||
}
|
}
|
||||||
|
|
||||||
p {
|
p {
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue