Madeorsk/rudeshark.net
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add divider to header

Browse Source
This commit is contained in:
Freeplay 2023-02-28 17:12:29 -05:00
parent eca6a784a1
commit 0ceb272fbf
1 changed files with 17 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
packages/client/src/components/global/MkPageHeader.vue
View File

@ -220,9 +220,14 @@ onUnmounted(() => {
}
> .tabs {
padding-inline: 12px;
mask: linear-gradient(to right, black 80%, transparent);
-webkit-mask: linear-gradient(to right, black 80%, transparent);
mask: linear-gradient(to right, transparent, black 10px 80%, transparent);
-webkit-mask: linear-gradient(to right, transparent, black 10px 80%, transparent);
margin-left: -10px;
padding-left: 22px;
scrollbar-width: none;
&::before {
content: unset;
}
&::-webkit-scrollbar {
display: none;
}
@ -353,6 +358,16 @@ onUnmounted(() => {
white-space: nowrap;
contain: strict;
&::before {
content: "";
display: inline-block;
height: 40%;
border-left: 1px solid var(--divider);
margin-right: 1em;
margin-left: 10px;
vertical-align: -1px;
}
> .tab {
display: inline-flex;
align-items: center;