natty
/
calckey
1
0
Fork 0
Code Issues 1 Pull Requests Packages Projects Releases Wiki Activity

Add divider to header

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 { > .tabs {
padding-inline: 12px; padding-inline: 12px;
mask: linear-gradient(to right, black 80%, transparent); mask: linear-gradient(to right, transparent, black 10px 80%, transparent);
-webkit-mask: linear-gradient(to right, black 80%, transparent); -webkit-mask: linear-gradient(to right, transparent, black 10px 80%, transparent);
margin-left: -10px;
padding-left: 22px;
scrollbar-width: none; scrollbar-width: none;
&::before {
content: unset;
}
&::-webkit-scrollbar { &::-webkit-scrollbar {
display: none; display: none;
} }
@ -353,6 +358,16 @@ onUnmounted(() => {
white-space: nowrap; white-space: nowrap;
contain: strict; 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 { > .tab {
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;