mycosystems/myco.systems
3
0
Fork 0
Code Pull requests Activity Actions

fix missing border when selecting other tabs
All checks were successful
Static / build (push) Successful in 20s
Details

Browse source
This commit is contained in:
brooke 2024-03-23 16:55:15 -04:00
parent c49e3562f2
commit f92120a1df
2 changed files with 5 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
public/index.html
View file

@ -61,7 +61,7 @@
<label for="tab-about" class="tab">About</label>
<label for="tab-contact" class="tab">Contact</label>
<label for="tab-dash" class="tab">Dashboard</label>
<a target="_blank" href="https://uptime.myco.systems/" class="tab-right">Uptime <svg class="tab-icon" viewBox="0 0 512 512"><path d="M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32h82.7L201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3V192c0 17.7 14.3 32 32 32s32-14.3 32-32V32c0-17.7-14.3-32-32-32H320zM80 32C35.8 32 0 67.8 0 112V432c0 44.2 35.8 80 80 80H400c44.2 0 80-35.8 80-80V320c0-17.7-14.3-32-32-32s-32 14.3-32 32V432c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16H192c17.7 0 32-14.3 32-32s-14.3-32-32-32H80z"/></svg></a>
<a target="_blank" href="https://uptime.myco.systems/" class="tab-link">Uptime <svg class="tab-icon" viewBox="0 0 512 512"><path d="M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32h82.7L201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3V192c0 17.7 14.3 32 32 32s32-14.3 32-32V32c0-17.7-14.3-32-32-32H320zM80 32C35.8 32 0 67.8 0 112V432c0 44.2 35.8 80 80 80H400c44.2 0 80-35.8 80-80V320c0-17.7-14.3-32-32-32s-32 14.3-32 32V432c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16H192c17.7 0 32-14.3 32-32s-14.3-32-32-32H80z"/></svg></a>
</div>
<div id="linksTab" class="tab-content">
<p>Hi! It's good to see you \( ‘ o ‘ )/</p>

8
public/style.css
View file

@ -85,7 +85,7 @@ body,
display: flex;
}
.tab, .tab-right {
.tab, .tab-link {
cursor: pointer;
padding: 4px 15px;
border-width: 0 4px 4px 0;
@ -94,13 +94,13 @@ body,
font-size: 12px;
}
.tab-right {
border-right: 0;
.tab-link {
color: #f3bbae;
text-decoration: none;
margin-right: 2.5rem;
}
.tab-right svg {
.tab-link svg {
fill: #f3bbae;
width: 12px;
}