Files
archy/docker/podsteadr/podsteadr-responsive.patch

18 lines
1.0 KiB
Diff

diff --git a/frontend/src/App.vue b/frontend/src/App.vue
--- a/frontend/src/App.vue
+++ b/frontend/src/App.vue
@@ -16,11 +16,11 @@ async function logout() {
<template>
<div class="min-h-screen bg-black text-white">
<header class="border-b border-white/15 bg-black/50 backdrop-blur-xl">
- <div class="mx-auto flex max-w-4xl items-center justify-between px-4 py-3">
+ <div class="mx-auto flex max-w-4xl flex-wrap items-center justify-between gap-3 px-4 py-3">
<RouterLink to="/" class="flex items-center gap-2 text-lg font-bold text-white">
<span aria-hidden="true">💧</span> podsteadr
</RouterLink>
- <nav v-if="auth.pubkey" class="flex items-center gap-4 text-sm">
+ <nav v-if="auth.pubkey" class="flex flex-wrap items-center gap-x-4 gap-y-2 text-sm">
<RouterLink to="/" class="hover:text-orange-400">Home</RouterLink>
<RouterLink to="/earnings" class="hover:text-orange-400">Earnings</RouterLink>
<RouterLink to="/settings" class="hover:text-orange-400">Settings</RouterLink>