forked from enviPath/enviPy
style: add legal footers on login
This commit is contained in:
@ -19,7 +19,7 @@
|
||||
<div class="flex h-screen">
|
||||
<!-- Left side - Hero Image -->
|
||||
<div class="hidden lg:flex lg:w-1/2 bg-cover bg-center bg-no-repeat items-center justify-center p-12"
|
||||
style="background-image: linear-gradient(135deg, rgba(52, 152, 219, 0.3) 0%, rgba(41, 128, 185, 0.4) 100%), url('{% static "/images/hero.png" %}');">
|
||||
style="background-image: linear-gradient(135deg, color-mix(in oklab, var(--color-primary) 30%, transparent) 0%, color-mix(in oklab, var(--color-primary-600) 40%, transparent) 100%), url('{% static "/images/hero.png" %}');">
|
||||
<div class="text-left text-white space-y-6">
|
||||
<svg class="h-16 w-auto fill-white" viewBox="0 0 104 26" role="img">
|
||||
<use href='{% static "/images/logo-name.svg" %}#ep-logo-name' />
|
||||
@ -31,8 +31,8 @@
|
||||
</div>
|
||||
|
||||
<!-- Right side - Content -->
|
||||
<div class="w-full lg:w-1/2 flex items-center justify-center p-8 overflow-y-auto">
|
||||
<div class="w-full max-w-md">
|
||||
<div class="w-full lg:w-1/2 flex flex-col items-center justify-center p-8 overflow-y-auto">
|
||||
<div class="w-full max-w-md flex-1 flex flex-col justify-center">
|
||||
<!-- Logo for mobile -->
|
||||
<div class="lg:hidden text-center mb-8">
|
||||
<svg class="h-12 w-auto mx-auto fill-current" viewBox="0 0 104 26" role="img">
|
||||
@ -60,9 +60,24 @@
|
||||
{% block content %}{% endblock %}
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Footer with legal links - positioned at bottom of right column -->
|
||||
<div class="w-full mt-auto pt-4">
|
||||
<div class="flex justify-center items-center space-x-6 text-sm text-base-content/50">
|
||||
<a href="/legal" class="link link-hover">Legal</a>
|
||||
<span class="text-base-content/30">•</span>
|
||||
<a href="/terms" class="link link-hover">Terms of Use</a>
|
||||
<span class="text-base-content/30">•</span>
|
||||
<a href="/privacy" class="link link-hover">Privacy Policy</a>
|
||||
<span class="text-base-content/30">•</span>
|
||||
<a href="/cookie-policy" class="link link-hover">Cookie Policy</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
{% block extra_scripts %}{% endblock %}
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Reference in New Issue
Block a user