e2net/iceshrimp
3
0
Fork 0
forked from mirrors/iceshrimp
Code Pull requests Activity

Remove 'Centered' layout

Browse source
This commit is contained in:
Aylam 2023-10-27 18:49:26 +03:00 committed by Laura Hausmann
parent 2ff6ddc548
commit 8b44e32a1a
Signed by: zotan
GPG key ID: D044E84C5BE01605
3 changed files with 6 additions and 100 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
packages/client/src/components/global/MkSpacer.vue
View file

@ -35,10 +35,6 @@ const adjust = (rect: { width: number; height: number }) => {
margin = props.marginMin;
return;
}
if (ui === "classic") {
margin = 12;
return;
}
if (
rect.width > (props.contentMax ?? 0) ||

8
packages/client/src/navbar.ts
View file

@ -121,14 +121,6 @@ export const navbarItemDef = reactive({
unisonReload();
},
},
{
text: i18n.ts.classic,
active: ui === "classic",
action: () => {
localStorage.setItem("ui", "classic");
unisonReload();
},
},
{
text: i18n.ts.deck,
active: ui === "deck",

94
packages/client/src/ui/universal.vue
View file

@ -1,8 +1,5 @@
<template>
<div
class="dkgtipfy"
:class="{ wallpaper, isMobile, centered: ui === 'classic' }"
>
<div class="dkgtipfy" :class="{ wallpaper, isMobile }">
<XSidebar v-if="!isMobile" />
<MkStickyContainer class="contents">
@ -491,89 +488,6 @@ console.log(mainRouter.currentRoute.value.name);
}
}
&.centered {
justify-content: center;
&:not(.isMobile) {
--navBg: transparent;
> .contents {
border-inline: 0.5px solid var(--divider);
margin-inline: -1px;
}
}
> :deep(.sidebar:not(.iconOnly)) {
margin-left: -200px;
padding-left: 200px;
box-sizing: content-box;
.banner {
pointer-events: none;
top: -20% !important;
mask: radial-gradient(
farthest-side at top,
hsl(0, 0%, 0%) 0%,
hsla(0, 0%, 0%, 0.987) 0.3%,
hsla(0, 0%, 0%, 0.951) 1.4%,
hsla(0, 0%, 0%, 0.896) 3.2%,
hsla(0, 0%, 0%, 0.825) 5.8%,
hsla(0, 0%, 0%, 0.741) 9.3%,
hsla(0, 0%, 0%, 0.648) 13.6%,
hsla(0, 0%, 0%, 0.55) 18.9%,
hsla(0, 0%, 0%, 0.45) 25.1%,
hsla(0, 0%, 0%, 0.352) 32.4%,
hsla(0, 0%, 0%, 0.259) 40.7%,
hsla(0, 0%, 0%, 0.175) 50.2%,
hsla(0, 0%, 0%, 0.104) 60.8%,
hsla(0, 0%, 0%, 0.049) 72.6%,
hsla(0, 0%, 0%, 0.013) 85.7%,
hsla(0, 0%, 0%, 0) 100%
) !important;
-webkit-mask: radial-gradient(
farthest-side at top,
hsl(0, 0%, 0%) 0%,
hsla(0, 0%, 0%, 0.987) 0.3%,
hsla(0, 0%, 0%, 0.951) 1.4%,
hsla(0, 0%, 0%, 0.896) 3.2%,
hsla(0, 0%, 0%, 0.825) 5.8%,
hsla(0, 0%, 0%, 0.741) 9.3%,
hsla(0, 0%, 0%, 0.648) 13.6%,
hsla(0, 0%, 0%, 0.55) 18.9%,
hsla(0, 0%, 0%, 0.45) 25.1%,
hsla(0, 0%, 0%, 0.352) 32.4%,
hsla(0, 0%, 0%, 0.259) 40.7%,
hsla(0, 0%, 0%, 0.175) 50.2%,
hsla(0, 0%, 0%, 0.104) 60.8%,
hsla(0, 0%, 0%, 0.049) 72.6%,
hsla(0, 0%, 0%, 0.013) 85.7%,
hsla(0, 0%, 0%, 0) 100%
) !important;
width: 125% !important;
left: -12.5% !important;
height: 145% !important;
}
}
> .contents {
min-width: 0;
width: 750px;
background: var(--panel);
border-radius: 0;
overflow: clip;
--margin: 12px;
background: var(--bg);
}
&.wallpaper {
.contents {
background: var(--acrylicBg) !important;
backdrop-filter: var(--blur, blur(12px));
}
:deep(.tl),
:deep(.notes) {
background: none;
}
}
}
> .contents {
width: 100%;
min-width: 0;
@ -624,7 +538,11 @@ console.log(mainRouter.currentRoute.value.name);
height: 4rem;
width: 4rem;
background-position: center;
background: linear-gradient(90deg,var(--buttonGradateA),var(--buttonGradateB));
background: linear-gradient(
90deg,
var(--buttonGradateA),
var(--buttonGradateB)
);
color: var(--fgOnAccent);
position: fixed !important;
z-index: 1000;