Code style
This commit is contained in:
parent
fdf43de917
commit
48131aa0a9
8 changed files with 59 additions and 52 deletions
|
|
@ -1,21 +1,22 @@
|
|||
{% extends "frontend/base.html" %}
|
||||
{% load static i18n %}
|
||||
{% load allauth account socialaccount %}
|
||||
|
||||
{% block html_title %}
|
||||
{% translate "Sign in" %}
|
||||
{% endblock html_title %}
|
||||
|
||||
{% block page_title %}
|
||||
{% translate "Welcome to Servala" %}
|
||||
{% endblock page_title %}
|
||||
|
||||
{% block card_header %}
|
||||
<div class="card-header text-center py-4" style="background: linear-gradient(135deg, var(--bs-primary), #8B5CF6); border-radius: 0.5rem 0.5rem 0 0;">
|
||||
<img src="{% static 'img/Servala-4.png' %}" alt="Servala" class="mb-3" style="height: 70px;">
|
||||
<div class="card-header text-center py-4"
|
||||
style="background: linear-gradient(135deg, var(--bs-primary), #8B5CF6);
|
||||
border-radius: 0.5rem 0.5rem 0 0">
|
||||
<img src="{% static 'img/Servala-4.png' %}"
|
||||
alt="Servala"
|
||||
class="mb-3"
|
||||
style="height: 70px">
|
||||
</div>
|
||||
{% endblock card_header %}
|
||||
|
||||
{% block card_content %}
|
||||
<!-- Main Sign In Section -->
|
||||
{% if SOCIALACCOUNT_ENABLED %}
|
||||
|
|
@ -24,9 +25,10 @@
|
|||
<div class="mb-4">
|
||||
<div class="text-center mb-4">
|
||||
<h5 class="text-primary mb-2">{% translate "Ready to get started?" %}</h5>
|
||||
<p class="text-muted mb-0">{% translate "Sign in to access your managed service instances and the Servala service catalog" %}</p>
|
||||
<p class="text-muted mb-0">
|
||||
{% translate "Sign in to access your managed service instances and the Servala service catalog" %}
|
||||
</p>
|
||||
</div>
|
||||
|
||||
{% for provider in socialaccount_providers %}
|
||||
{% provider_login_url provider process=process scope=scope auth_params=auth_params as href %}
|
||||
<form method="post" action="{{ href }}">
|
||||
|
|
@ -35,7 +37,9 @@
|
|||
<button type="submit"
|
||||
class="btn btn-primary btn-lg w-100 py-3 mb-4 fw-semibold"
|
||||
title="{{ provider.name }}"
|
||||
style="border-radius: 12px; box-shadow: 0 4px 15px rgba(154, 99, 236, 0.2); background: linear-gradient(135deg, var(--bs-primary), #8B5CF6);">
|
||||
style="border-radius: 12px;
|
||||
box-shadow: 0 4px 15px rgba(154, 99, 236, 0.2);
|
||||
background: linear-gradient(135deg, var(--bs-primary), #8B5CF6)">
|
||||
<span>{% translate "Sign in with VSHN Account" %}</span>
|
||||
</button>
|
||||
</form>
|
||||
|
|
@ -43,7 +47,6 @@
|
|||
</div>
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
|
||||
<!-- Feature Preview & Learn More Section -->
|
||||
<div class="mt-4 pt-3 border-top">
|
||||
<div class="row g-3 text-center">
|
||||
|
|
@ -72,8 +75,8 @@
|
|||
<i class="bi bi-info-circle" style="font-size: 1.2rem;"></i>
|
||||
</div>
|
||||
<small class="text-muted fw-medium">
|
||||
<a href="https://servala.com"
|
||||
target="_blank"
|
||||
<a href="https://servala.com"
|
||||
target="_blank"
|
||||
class="text-decoration-none text-muted">
|
||||
{% translate "Learn more" %}
|
||||
<i class="bi bi-arrow-up-right ms-1" style="font-size: 0.7rem;"></i>
|
||||
|
|
@ -82,7 +85,6 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Alternative Login Options (Admin) -->
|
||||
<div class="mt-4 pt-3 border-top text-center">
|
||||
<small class="text-muted">
|
||||
|
|
@ -96,7 +98,6 @@
|
|||
</a>
|
||||
</small>
|
||||
</div>
|
||||
|
||||
<div class="collapse mt-3" id="login-form">
|
||||
<div class="card bg-light border-0 shadow-sm" style="border-radius: 12px;">
|
||||
<div class="card-body p-4">
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue