limepotato/jormungandr-bite
1
0
Fork 0
mirror of https://iceshrimp.dev/limepotato/jormungandr-bite.git synced 2024-11-14 22:17:30 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions

Merge pull request 'Add divider to header' (#9678) from Freeplay/calckey:a into develop

Browse source 
Reviewed-on: https://codeberg.org/calckey/calckey/pulls/9678
This commit is contained in:
Kainoa Kanter 2023-03-04 03:25:49 +00:00
commit 296f786458
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;