Skip to content

Commit 45ae786

Browse files
AlpegreAlpegre
committed
Creacion de archivos css para que esa parte del codigo no estuviese en los html, actualización de la base de la pagina cambiando el tipo de letra y tamaño y cambio de la vista de los detalles de un viaje, mostrando ahora las preferencias del conductor
1 parent ee19e6b commit 45ae786

29 files changed

Lines changed: 2796 additions & 2708 deletions

‎codigo/accounts/templates/accounts/change_password.html‎

Lines changed: 2 additions & 141 deletions
Original file line numberDiff line numberDiff line change
@@ -4,147 +4,8 @@
44
{% block title %}Cambiar Contraseña{% endblock %}
55

66
{% block extra_styles %}
7-
<style>
8-
:root {
9-
--primary-color: #007aff;
10-
--secondary-color: #34c759;
11-
--background-color: #f5f5f7;
12-
--card-background: #ffffff;
13-
--text-primary: #1d1d1f;
14-
--text-secondary: #86868b;
15-
--border-color: #d2d2d7;
16-
--error-color: #ff3b30;
17-
--shadow: rgba(0, 0, 0, 0.05);
18-
}
19-
20-
body {
21-
background-color: var(--background-color);
22-
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
23-
color: var(--text-primary);
24-
line-height: 1.5;
25-
}
26-
27-
.password-container {
28-
max-width: 500px;
29-
margin: 40px auto;
30-
padding: 2rem;
31-
background-color: var(--card-background);
32-
border-radius: 12px;
33-
box-shadow: 0 2px 8px var(--shadow);
34-
transition: transform 0.2s ease, box-shadow 0.2s ease;
35-
}
36-
37-
.password-container:hover {
38-
transform: translateY(-2px);
39-
box-shadow: 0 4px 12px var(--shadow);
40-
}
41-
42-
h1 {
43-
font-weight: 600;
44-
font-size: 1.8rem;
45-
margin-bottom: 1.5rem;
46-
color: var(--text-primary);
47-
}
48-
49-
.form-group {
50-
margin-bottom: 1.25rem;
51-
}
52-
53-
.form-group label {
54-
display: block;
55-
font-weight: 500;
56-
margin-bottom: 0.5rem;
57-
color: var(--text-primary);
58-
}
59-
60-
.form-group input {
61-
width: 100%;
62-
padding: 0.75rem;
63-
border: 1px solid var(--border-color);
64-
border-radius: 8px;
65-
background-color: var(--card-background);
66-
font-size: 1rem;
67-
outline: none;
68-
transition: border-color 0.2s ease;
69-
}
70-
71-
.form-group input:focus {
72-
border-color: var(--primary-color);
73-
box-shadow: 0 0 0 2px rgba(0, 122, 255, 0.2);
74-
}
75-
76-
.error {
77-
color: var(--error-color);
78-
font-size: 0.9rem;
79-
margin-top: 0.5rem;
80-
}
81-
82-
.help {
83-
color: var(--text-secondary);
84-
font-size: 0.9rem;
85-
margin-top: 0.5rem;
86-
}
87-
88-
.form-actions {
89-
margin-top: 1.5rem;
90-
display: flex;
91-
justify-content: space-between;
92-
align-items: center;
93-
}
94-
95-
button[type="submit"] {
96-
background-color: var(--primary-color);
97-
color: white;
98-
border: none;
99-
padding: 0.75rem 1.5rem;
100-
border-radius: 8px;
101-
font-size: 1rem;
102-
font-weight: 500;
103-
cursor: pointer;
104-
transition: all 0.2s ease;
105-
}
106-
107-
button[type="submit"]:hover {
108-
background-color: #0071e3;
109-
transform: translateY(-1px);
110-
}
111-
112-
button[type="submit"]:active {
113-
transform: translateY(0);
114-
}
115-
116-
a {
117-
color: var(--primary-color);
118-
text-decoration: none;
119-
padding: 0.75rem 1.5rem;
120-
transition: all 0.2s ease;
121-
}
122-
123-
a:hover {
124-
color: #0071e3;
125-
text-decoration: underline;
126-
}
127-
128-
@media (max-width: 576px) {
129-
.password-container {
130-
margin: 20px 15px;
131-
padding: 1.5rem;
132-
}
133-
134-
h1 {
135-
font-size: 1.5rem;
136-
}
137-
138-
.form-actions {
139-
flex-direction: column;
140-
gap: 1rem;
141-
}
142-
143-
button[type="submit"] {
144-
width: 100%;
145-
}
146-
}
147-
</style>
7+
<link rel="stylesheet" href="{% static 'css/pages/change_password.css' %}">
8+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
1489
{% endblock %}
14910

15011
{% block content %}

‎codigo/accounts/templates/accounts/login.html‎

Lines changed: 2 additions & 130 deletions
Original file line numberDiff line numberDiff line change
@@ -4,136 +4,8 @@
44
{% block title %}Iniciar Sesión{% endblock %}
55

66
{% block extra_styles %}
7-
<style>
8-
:root {
9-
--primary-color: #007aff;
10-
--secondary-color: #34c759;
11-
--background-color: #f5f5f7;
12-
--card-background: #ffffff;
13-
--text-primary: #1d1d1f;
14-
--text-secondary: #86868b;
15-
--border-color: #d2d2d7;
16-
--error-color: #ff3b30;
17-
--shadow: rgba(0, 0, 0, 0.05);
18-
}
19-
20-
body {
21-
background-color: var(--background-color);
22-
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
23-
color: var(--text-primary);
24-
line-height: 1.5;
25-
}
26-
27-
.auth-container {
28-
max-width: 450px;
29-
margin: 80px auto;
30-
padding: 2rem;
31-
background-color: var(--card-background);
32-
border-radius: 12px;
33-
box-shadow: 0 2px 8px var(--shadow);
34-
transition: transform 0.2s ease, box-shadow 0.2s ease;
35-
text-align: center;
36-
}
37-
38-
.auth-container:hover {
39-
transform: translateY(-2px);
40-
box-shadow: 0 4px 12px var(--shadow);
41-
}
42-
43-
h1 {
44-
font-weight: 600;
45-
font-size: 1.8rem;
46-
margin-bottom: 2rem;
47-
color: var(--text-primary);
48-
}
49-
50-
.auth-form {
51-
text-align: left;
52-
}
53-
54-
.form-group {
55-
margin-bottom: 1.25rem;
56-
}
57-
58-
.form-group label {
59-
display: block;
60-
font-weight: 500;
61-
margin-bottom: 0.5rem;
62-
color: var(--text-primary);
63-
}
64-
65-
.form-group input {
66-
width: 100%;
67-
padding: 0.75rem;
68-
border: 1px solid var(--border-color);
69-
border-radius: 8px;
70-
background-color: var(--card-background);
71-
font-size: 1rem;
72-
outline: none;
73-
transition: border-color 0.2s ease;
74-
}
75-
76-
.form-group input:focus {
77-
border-color: var(--primary-color);
78-
box-shadow: 0 0 0 2px rgba(0, 122, 255, 0.2);
79-
}
80-
81-
.error {
82-
color: var(--error-color);
83-
font-size: 0.9rem;
84-
margin-top: 0.5rem;
85-
}
86-
87-
button[type="submit"] {
88-
background-color: var(--primary-color);
89-
color: white;
90-
border: none;
91-
padding: 0.75rem 1.5rem;
92-
border-radius: 8px;
93-
font-size: 1rem;
94-
font-weight: 500;
95-
cursor: pointer;
96-
transition: all 0.2s ease;
97-
width: 100%;
98-
margin-top: 1rem;
99-
}
100-
101-
button[type="submit"]:hover {
102-
background-color: #0071e3;
103-
transform: translateY(-1px);
104-
}
105-
106-
button[type="submit"]:active {
107-
transform: translateY(0);
108-
}
109-
110-
.auth-links {
111-
margin-top: 2rem;
112-
color: var(--text-secondary);
113-
}
114-
115-
.auth-links a {
116-
color: var(--primary-color);
117-
text-decoration: none;
118-
transition: color 0.2s ease;
119-
}
120-
121-
.auth-links a:hover {
122-
color: #0071e3;
123-
text-decoration: underline;
124-
}
125-
126-
@media (max-width: 576px) {
127-
.auth-container {
128-
margin: 40px 15px;
129-
padding: 1.5rem;
130-
}
131-
132-
h1 {
133-
font-size: 1.5rem;
134-
}
135-
}
136-
</style>
7+
<link rel="stylesheet" href="{% static 'css/pages/login.css' %}">
8+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
1379
{% endblock %}
13810

13911
{% block content %}

0 commit comments

Comments
 (0)