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

scroll tabs on mobile view
All checks were successful
Static / build (push) Successful in 33s
Details

Browse source
This commit is contained in:
brooke 2024-03-23 17:36:01 -04:00
parent f92120a1df
commit 28228c5b93
1 changed files with 19 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

21
public/style.css
View file

@ -83,9 +83,25 @@ body,
.tabs { .tabs {
display: flex; display: flex;
overflow-x: auto;
white-space: nowrap;
padding-bottom: 2px;
} }
.tab, .tab-link { ::-webkit-scrollbar {
height: 3px;
}
::-webkit-scrollbar-track {
background: #241917;
}
::-webkit-scrollbar-thumb {
background: #f3bbae;
}
.tab,
.tab-link {
cursor: pointer; cursor: pointer;
padding: 4px 15px; padding: 4px 15px;
border-width: 0 4px 4px 0; border-width: 0 4px 4px 0;
@ -98,6 +114,7 @@ body,
color: #f3bbae; color: #f3bbae;
text-decoration: none; text-decoration: none;
margin-right: 2.5rem; margin-right: 2.5rem;
min-width: 4.5rem;
} }
.tab-link svg { .tab-link svg {
@ -268,4 +285,4 @@ ul li::before {
.dashboard { .dashboard {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
} }