Meik/Pickup-Config
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add foodsharing manager branding

Browse Source 
Add supplied logos, favicons, PWA metadata, branded login and navigation,
and apply the Foodsharing Manager green palette across existing views.
This commit is contained in:
Meik
2026-08-09 00:57:03 +02:00
parent fcbf6bb949
commit 9e0f581e47
47 changed files with 253 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
src/components/LoginView.js
View File

@@ -4,9 +4,9 @@ const LoginView = ({ credentials, onCredentialsChange, error, loading, initializ
};
return (
<div className="min-h-screen flex items-center justify-center bg-gray-100">
<div className="foodsharing-login">
<form
className="bg-white shadow-lg rounded-lg p-8 w-full max-w-md space-y-6"
className="foodsharing-login__card"
onSubmit={(event) => {
if (initializing) {
event.preventDefault();
@@ -16,20 +16,21 @@ const LoginView = ({ credentials, onCredentialsChange, error, loading, initializ
}}
>
<div>
<h1 className="text-2xl font-bold mb-2 text-center text-gray-800">Foodsharing Manager Login</h1>
<p className="text-sm text-gray-500 text-center">
<img className="foodsharing-login__logo" src="/branding/logo-horizontal.png" alt="Foodsharing Manager" />
<h1 className="foodsharing-login__title">Anmelden</h1>
<p className="foodsharing-login__intro">
Die Anwendung authentifiziert sich direkt bei foodsharing.de. Bitte verwende deine persönlichen Login-Daten.
</p>
</div>
{error && (
<div className="bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded relative">
<span className="block sm:inline">{error}</span>
<div className="foodsharing-login__error">
<span>{error}</span>
</div>
)}
<div>
<label className="block text-sm font-medium text-gray-700 mb-1" htmlFor="email">
<label className="foodsharing-login__label" htmlFor="email">
E-Mail
</label>
<input
@@ -38,13 +39,13 @@ const LoginView = ({ credentials, onCredentialsChange, error, loading, initializ
name="email"
value={credentials.email}
onChange={handleChange('email')}
className="border rounded p-2 w-full focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
className="foodsharing-login__input"
required
/>
</div>
<div>
<label className="block text-sm font-medium text-gray-700 mb-1" htmlFor="password">
<label className="foodsharing-login__label" htmlFor="password">
Passwort
</label>
<input
@@ -53,7 +54,7 @@ const LoginView = ({ credentials, onCredentialsChange, error, loading, initializ
name="password"
value={credentials.password}
onChange={handleChange('password')}
className="border rounded p-2 w-full focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
className="foodsharing-login__input"
required
/>
</div>
@@ -61,7 +62,7 @@ const LoginView = ({ credentials, onCredentialsChange, error, loading, initializ
<button
type="submit"
disabled={loading || initializing}
className="w-full bg-blue-500 hover:bg-blue-600 text-white px-4 py-2 rounded focus:outline-none focus:ring-2 focus:ring-blue-500 disabled:opacity-60"
className="foodsharing-login__submit"
>
{loading || initializing ? 'Anmeldung läuft...' : 'Anmelden'}
</button>