minor changes

nextjs/app/globals.css

@@ -393,6 +393,15 @@ tbody tr:hover {
   flex-wrap: wrap;
 }
 
+.action-form-row {
+  flex-wrap: nowrap;
+}
+
+.action-form-row .input.small {
+  width: 7rem;
+  min-width: 7rem;
+}
+
 .inline-form.stacked {
   display: grid;
 }

nextjs/app/manage/admin/dashboard/page.js

@@ -177,19 +177,14 @@ export default async function AdminDashboardPage({ searchParams }) {
                             <CopyLinkButton path={sharePath} label={item.original_name} />
                           </div>
 
-                          <form className="inline-form" action={adminExtendUploadAction}>
+                          <form className="inline-form action-form-row">
                             <input type="hidden" name="csrfToken" value={csrfToken} />
                             <input type="hidden" name="uploadId" value={item.id} />
                             <input className="input small" name="extendHours" placeholder="Stunden" />
-                            <button className="btn" type="submit">
+                            <button className="btn" type="submit" formAction={adminExtendUploadAction}>
                               Verlängern
                             </button>
-                          </form>
-
-                          <form className="inline-form" action={adminDeleteUploadAction}>
-                            <input type="hidden" name="csrfToken" value={csrfToken} />
-                            <input type="hidden" name="uploadId" value={item.id} />
-                            <button className="btn danger" type="submit">
+                            <button className="btn danger" type="submit" formAction={adminDeleteUploadAction}>
                               Löschen
                             </button>
                           </form>

nextjs/app/manage/dashboard/page.js

@@ -58,7 +58,6 @@ export default async function DashboardPage({ searchParams }) {
       <div className="dashboard-top-grid">
         <section className="panel panel-spotlight">
           <h2>Neue Datei hochladen</h2>
-          <p className="muted">Der Fortschritt wird während des Uploads live angezeigt.</p>
           <UploadProgressForm csrfToken={csrfToken} />
         </section>
 
@@ -73,10 +72,6 @@ export default async function DashboardPage({ searchParams }) {
               <strong>{totalBytes > 0 ? formatBytes(totalBytes) : '0 B'}</strong>
               <span className="muted">genutzter Speicher</span>
             </div>
-            <div className="info-card">
-              <strong>/_share/&lt;id&gt;</strong>
-              <span className="muted">Kurzlinks ohne Dateiendung</span>
-            </div>
           </div>
         </aside>
       </div>
@@ -122,23 +117,14 @@ export default async function DashboardPage({ searchParams }) {
                             <CopyLinkButton path={sharePath} label={item.original_name} />
                           </div>
 
-                          <form className="inline-form" action={extendOwnUploadAction}>
+                          <form className="inline-form action-form-row">
                             <input type="hidden" name="csrfToken" value={csrfToken} />
                             <input type="hidden" name="uploadId" value={item.id} />
-                            <input
-                              className="input small"
-                              name="extendHours"
-                              placeholder="Stunden"
-                            />
-                            <button className="btn" type="submit">
+                            <input className="input small" name="extendHours" placeholder="Stunden" />
+                            <button className="btn" type="submit" formAction={extendOwnUploadAction}>
                               Verlängern
                             </button>
-                          </form>
-
-                          <form className="inline-form" action={deleteOwnUploadAction}>
-                            <input type="hidden" name="csrfToken" value={csrfToken} />
-                            <input type="hidden" name="uploadId" value={item.id} />
-                            <button className="btn danger" type="submit">
+                            <button className="btn danger" type="submit" formAction={deleteOwnUploadAction}>
                               Löschen
                             </button>
                           </form>

nextjs/next.config.mjs

@@ -9,6 +9,7 @@ const nextConfig = {
   assetPrefix: managementPath,
   poweredByHeader: false,
   experimental: {
+    proxyClientMaxBodySize: actionBodySizeLimit,
     serverActions: {
       bodySizeLimit: actionBodySizeLimit,
     },

nextjs/proxy.js

@@ -36,5 +36,5 @@ export function proxy(request) {
 }
 
 export const config = {
-  matcher: ['/manage/:path*'],
+  matcher: ['/manage', '/manage/((?!api/).*)'],
 };