vrr/DockFlare
2
0
Fork 0
mirror of https://github.com/ChrispyBacon-dev/DockFlare.git synced 2026-04-26 10:50:43 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 4

npm audit - scroll bug in mobile view - login update logo
Some checks are pending
Docker Image - Webmail / build_self_hosted (push) Waiting to run
Details
Docker Image - Webmail / build_github_hosted_fallback (push) Blocked by required conditions
Details

Browse source
This commit is contained in:
ChrispyBacon-dev 2026-04-26 11:19:13 +02:00
parent 6797e066e6
commit 65750aa1c9
5 changed files with 12 additions and 27 deletions
Download patch file Download diff file Expand all files Collapse all files

12
webmail/package-lock.json generated
View file

@ -4627,9 +4627,9 @@
}
},
"node_modules/follow-redirects": {
"version": "1.15.11",
"resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.11.tgz",
"integrity": "sha512-deG2P0JfjrTxl50XGCDyfI97ZGVCxIpfKYmfyrQ54n5FO/0gfIES8C/Psl6kWVDolizcaaxZJnTS0QSMxvnsBQ==",
"version": "1.16.0",
"resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.16.0.tgz",
"integrity": "sha512-y5rN/uOsadFT/JfYwhxRS5R7Qce+g3zG97+JrtFZlC9klX/W5hD7iiLzScI4nZqUS7DNUdhPgw4xI8W2LuXlUw==",
"funding": [
{
"type": "individual",
@ -6107,9 +6107,9 @@
}
},
"node_modules/postcss": {
"version": "8.5.8",
"resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.8.tgz",
"integrity": "sha512-OW/rX8O/jXnm82Ey1k44pObPtdblfiuWnrd8X7GJ7emImCOstunGbXUpp7HdBrFQX6rJzn3sPT397Wp5aCwCHg==",
"version": "8.5.10",
"resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.10.tgz",
"integrity": "sha512-pMMHxBOZKFU6HgAZ4eyGnwXF/EvPGGqUr0MnZ5+99485wwW41kW91A4LOGxSHhgugZmSChL5AlElNdwlNgcnLQ==",
"funding": [
{
"type": "opencollective",

6
webmail/src/components/mail/MailLayout.vue
View file

@ -60,7 +60,7 @@ const mobileTitle = computed(() => {
<!-- ══════════════════════════════════════════════════════════
MOBILE LAYOUT (< 768px)
══════════════════════════════════════════════════════════ -->
<div v-if="isMobile" class="flex flex-col h-[100dvh] w-screen overflow-hidden" style="background: var(--df-pane-bg); backdrop-filter: blur(12px);">
<div v-if="isMobile" class="flex flex-col h-[100dvh] w-screen overflow-hidden overscroll-none" style="background: var(--df-pane-bg); backdrop-filter: blur(12px);">
<!-- Top bar — safe area aware -->
<div
@ -112,7 +112,7 @@ const mobileTitle = computed(() => {
<div class="flex-1 min-h-0 overflow-hidden">
<!-- Folders panel -->
<div v-if="mobilePanel === 'folders'" class="h-full flex flex-col overflow-y-auto">
<div v-if="mobilePanel === 'folders'" class="h-full flex flex-col overflow-y-auto overscroll-none">
<div v-if="store.mailboxes.length > 1" class="px-3 py-3 border-b border-border">
<MailboxSelector :is-collapsed="false" />
</div>
@ -180,8 +180,6 @@ const mobileTitle = computed(() => {
boxShadow: '2px 0 12px rgba(0,0,0,0.04)',
}"
>
<!-- specular top edge -->
<div class="absolute top-0 left-0 right-0 h-px pointer-events-none z-10" style="background: rgba(255,255,255,0.62)" />
<!-- Header: wordmark + collapse toggle -->
<div class="h-[54px] flex items-center justify-center px-[14px] flex-shrink-0">

11
webmail/src/components/mail/MailLayout.vue.js
View file

@ -310,10 +310,6 @@ else {
boxShadow: '2px 0 12px rgba(0,0,0,0.04)',
}) },
});
__VLS_asFunctionalElement(__VLS_intrinsicElements.div)({
...{ class: "absolute top-0 left-0 right-0 h-px pointer-events-none z-10" },
...{ style: {} },
});
__VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
...{ class: "h-[54px] flex items-center justify-center px-[14px] flex-shrink-0" },
});
@ -1190,13 +1186,6 @@ var __VLS_3;
/** @type {__VLS_StyleScopedClasses['flex-shrink-0']} */ ;
/** @type {__VLS_StyleScopedClasses['relative']} */ ;
/** @type {__VLS_StyleScopedClasses['overflow-hidden']} */ ;
/** @type {__VLS_StyleScopedClasses['absolute']} */ ;
/** @type {__VLS_StyleScopedClasses['top-0']} */ ;
/** @type {__VLS_StyleScopedClasses['left-0']} */ ;
/** @type {__VLS_StyleScopedClasses['right-0']} */ ;
/** @type {__VLS_StyleScopedClasses['h-px']} */ ;
/** @type {__VLS_StyleScopedClasses['pointer-events-none']} */ ;
/** @type {__VLS_StyleScopedClasses['z-10']} */ ;
/** @type {__VLS_StyleScopedClasses['h-[54px]']} */ ;
/** @type {__VLS_StyleScopedClasses['flex']} */ ;
/** @type {__VLS_StyleScopedClasses['items-center']} */ ;

2
webmail/src/components/mail/MailLayout.vue.js.map
View file

File diff suppressed because one or more lines are too long

8
webmail/src/views/LoginView.vue
View file

@ -57,11 +57,9 @@ const redirectToMaster = async () => {
<template>
<div class="flex h-screen w-screen items-center justify-center">
<div class="df-login-card w-full max-w-sm space-y-6 p-8">
<div class="flex flex-col space-y-1 text-center">
<h1 class="font-['Outfit'] font-extrabold text-[28px] tracking-[-0.02em] leading-none">
<span class="text-[#194466] dark:text-[#5EB1E5]">Dock</span><span class="text-[#FBA612]">Flare</span>
</h1>
<p class="text-sm text-muted-foreground mt-1">Webmail</p>
<div class="flex flex-col items-center space-y-1 text-center">
<img src="/logo.gif" alt="DockFlare" class="h-12 w-auto select-none mb-1" draggable="false" />
<p class="text-sm text-muted-foreground">Webmail</p>
</div>
<form @submit.prevent="handleLogin" class="space-y-3">