c0ntroller/frontpage
1
0
Fork 0
Code Issues 4 Pull Requests Actions Packages Projects 1 Activity

Little style corrections

Browse Source
This commit is contained in:
Daniel Kluge 2021-12-26 17:22:06 +01:00
parent c944a495e4
commit a5198dac97
3 changed files with 8 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
pages/index.tsx
View File

@ -28,17 +28,16 @@ const Home: NextPage = () => {
<span className={styles.divider}>|</span> <span className={styles.divider}>|</span>
<Link href="https://www.instagram.com/c0ntroller/" passHref><InstagramLogo color="var(--repl-color)" className={styles.iconLink} /></Link> <Link href="https://www.instagram.com/c0ntroller/" passHref><InstagramLogo color="var(--repl-color)" className={styles.iconLink} /></Link>
<span className={styles.divider}>|</span> <span className={styles.divider}>|</span>
<Link href="https://steamcommunity.com/id/c0ntroller/" passHref><GameController color="var(--repl-color)" className={styles.iconLink} /></Link>
<span className={styles.divider}>|</span>
<Link href="https://discordapp.com/users/224208617820127233" passHref> <Link href="https://discordapp.com/users/224208617820127233" passHref>
<span className={styles.tooltip}> <span className={styles.tooltip} style={{cursor: "pointer"}}>
<DiscordLogo color="var(--repl-color)" className={styles.iconLink} /> <DiscordLogo color="var(--repl-color)" className={styles.iconLink} />
<span className={styles.tooltiptext}> <span className={styles.tooltiptext}>
C0ntroller_Z#3883 C0ntroller_Z#3883
</span> </span>
</span> </span>
</Link> </Link><span className={styles.spacer} onClick={focusInput}>&nbsp;</span>
<span className={styles.divider}>|</span>
<Link href="https://steamcommunity.com/id/c0ntroller/" passHref><GameController color="var(--repl-color)" className={styles.iconLink} /></Link>
<span className={styles.spacer} onClick={focusInput}>&nbsp;</span>
</div> </div>
<REPL inputRef={inputRef} /> <REPL inputRef={inputRef} />
</div> </div>

8
styles/Home.module.css
View File

@ -60,22 +60,22 @@
padding: 5px 0; padding: 5px 0;
position: absolute; position: absolute;
z-index: 1; z-index: 1;
bottom: 125%; top: 125%;
left: 50%; left: 50%;
margin-left: -70px; margin-left: -70px;
opacity: 0; opacity: 0;
transition: opacity 0.1s; transition: opacity 0.1s;
} }
.tooltip .tooltiptext::after { .tooltip .tooltiptext::before {
content: ""; content: "";
position: absolute; position: absolute;
top: 100%; bottom: 100%;
left: 50%; left: 50%;
margin-left: -5px; margin-left: -5px;
border-width: 5px; border-width: 5px;
border-style: solid; border-style: solid;
border-color: #333 transparent transparent transparent; border-color: transparent transparent #333 transparent;
} }
.tooltip:hover .tooltiptext { .tooltip:hover .tooltiptext {

2
styles/REPL/REPLComplete.module.css
View File

@ -9,12 +9,10 @@
width:auto; width:auto;
} }
/*track*/
.container::-webkit-scrollbar-track { .container::-webkit-scrollbar-track {
background:rgb(0, 0, 0); background:rgb(0, 0, 0);
} }
/*thumb*/
.container::-webkit-scrollbar-thumb { .container::-webkit-scrollbar-thumb {
background:rgb(24, 138, 24); background:rgb(24, 138, 24);
} }