Skip to content

Commit fe6eb4e

Browse files
Salvatore112Salvatore112
committed
style: change the style of sign in & register buttons
1 parent 553755e commit fe6eb4e

File tree

1 file changed

+57
-6
lines changed

1 file changed

+57
-6
lines changed

‎templates/simulations/setup.html‎

Lines changed: 57 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -95,6 +95,53 @@
9595
margin-bottom: 0.5rem;
9696
color: #495057;
9797
}
98+
.auth-buttons {
99+
display: flex;
100+
gap: 0.5rem;
101+
}
102+
.btn-green {
103+
background-color: #28a745;
104+
border: none;
105+
color: white;
106+
transition: all 0.2s ease;
107+
}
108+
.btn-green:hover {
109+
background-color: #218838;
110+
color: white;
111+
}
112+
.btn-blue {
113+
background-color: #0d6efd;
114+
border: none;
115+
color: white;
116+
transition: all 0.2s ease;
117+
}
118+
.btn-blue:hover {
119+
background-color: #0b5ed7;
120+
color: white;
121+
}
122+
.btn-red {
123+
background-color: #dc3545;
124+
border: none;
125+
color: white;
126+
transition: all 0.2s ease;
127+
}
128+
.btn-red:hover {
129+
background-color: #c82333;
130+
color: white;
131+
}
132+
.user-info {
133+
display: flex;
134+
align-items: center;
135+
gap: 0.75rem;
136+
}
137+
.user-badge {
138+
background-color: #e9ecef;
139+
padding: 0.5rem 1rem;
140+
border-radius: 50px;
141+
color: #495057;
142+
font-weight: 500;
143+
font-size: 0.875rem;
144+
}
98145
</style>
99146
</head>
100147
<body>
@@ -105,12 +152,16 @@
105152
<h1 class="card-title mb-0">Multi-Agent Tracking Simulation Setup</h1>
106153
<div>
107154
{% if user.is_authenticated %}
108-
<span class="badge bg-success me-2">Logged in as {{ user.username }}</span>
109-
<a href="{% url 'accounts:profile' %}" class="btn btn-sm btn-outline-primary">My Profile</a>
110-
<a href="{% url 'accounts:logout' %}" class="btn btn-sm btn-outline-danger">Logout</a>
155+
<div class="user-info">
156+
<span class="user-badge">{{ user.username }}</span>
157+
<a href="{% url 'accounts:profile' %}" class="btn btn-sm btn-green">Profile</a>
158+
<a href="{% url 'accounts:logout' %}" class="btn btn-sm btn-red">Logout</a>
159+
</div>
111160
{% else %}
112-
<a href="{% url 'accounts:login' %}" class="btn btn-sm btn-outline-primary">Login</a>
113-
<a href="{% url 'accounts:register' %}" class="btn btn-sm btn-outline-success">Register</a>
161+
<div class="auth-buttons">
162+
<a href="{% url 'accounts:login' %}" class="btn btn-sm btn-green">Sign in</a>
163+
<a href="{% url 'accounts:register' %}" class="btn btn-sm btn-blue">Create account</a>
164+
</div>
114165
{% endif %}
115166
</div>
116167
</div>
@@ -152,7 +203,7 @@ <h5 class="mb-3">User algorithms</h5>
152203

153204
{% if not user.is_authenticated %}
154205
<div class="info-tip mt-3">
155-
To add an algorithm create an account. Custom algorithms will have access to the necessary API.
206+
<span>📌</span> To add an algorithm create an account. Custom algorithms will have access to the necessary API.
156207
<a href="{% url 'accounts:register' %}">Create account</a>
157208
</div>
158209
{% endif %}

0 commit comments

Comments
 (0)