feat: implement screendesign

templates/reset_password/index.html.twig

@@ -1,27 +1,33 @@
 {% extends 'layout.html.twig' %}
 
 {% block content %}
-    <h1 class="mb-4">
-        Passwort vergessen
-    </h1>
-    {% include '_partials/_flashes.html.twig' %}
-    {{ form_start(form, { 'attr': { 'data-action': 'loading#toggle' } }) }}
-    <div class="grid grid-cols-1 md:grid-cols-2 gap-x-4 mb-4">
-        {{ form_row(form.email) }}
+    <div class="grid grid-cols-1 md:grid-cols-2 gap-8 px-4 lg:px-8 py-8 lg:py-16">
+        <div>
+            <h1 class="text-white uppercase pb-4 mb-8 border-b border-primary-bg/40">
+                Passwort
+                <br>
+                zurücksetzen
+            </h1>
+            {% include '_partials/_flashes.html.twig' %}
+            <div class="pb-4">
+                {{ form_start(form, { 'attr': { 'data-action': 'loading#toggle' } }) }}
+                {{ form_row(form.email, { 'label_attr': { 'class': 'text-white' } }) }}
+                <button type="submit" class="button button--primary">
+                    Passwort zurücksetzen
+                </button>
+                {{ form_rest(form) }}
+                {{ form_end(form) }}
+            </div>
+            <div class="flex space-x-2">
+                <a href="{{ path('app_login') }}"
+                   class="text-white underline">
+                    Zum Login
+                </a>
+                <a href="{{ path('app_registration') }}"
+                   class="text-white underline">
+                    Jetzt registrieren
+                </a>
+            </div>
+        </div>
     </div>
-    <div class="flex flex-col lg:flex-row space-y-2 lg:space-y-0 lg:space-x-2 mt-4">
-        <button type="submit" class="button bg-button">
-            Passwort erneuern
-        </button>
-        <a href="{{ path('app_login') }}"
-           class="button bg-button bg-button--secondary">
-            zum Login
-        </a>
-        <a href="{{ path('app_registration') }}"
-           class="button bg-button bg-button--secondary">
-            registrieren
-        </a>
-    </div>
-    {{ form_rest(form) }}
-    {{ form_end(form) }}
-{% endblock %}
+{% endblock %}