Hugging Face's logo

Spaces:
LeireTedCas
/
quirohelpWebapp
Sleeping

App Files Community
LeireTedCas commited on
Commit
645be75
•
1 Parent(s): 57fdd55

Update templates/ajustes.html

Browse files
Files changed (1) hide show
  1. templates/ajustes.html +36 -33
templates/ajustes.html CHANGED
@@ -1,17 +1,18 @@
1
  <!DOCTYPE html>
2
  <html>
3
  <head>
4
- <meta charset="utf-8">
5
- <title> Quirohelp </title>
6
- <style>
7
  body {
8
- background-color: #333; /* Fondo oscuro */
9
- color: #fff; /* Texto blanco */
10
  font-family: Georgia, 'Times New Roman', Times, serif;
11
  margin: 0;
12
  padding: 0;
13
  text-align: center;
14
  }
 
15
  .quiro {
16
  background-color: blueviolet;
17
  font-size: 3.5rem;
@@ -22,72 +23,74 @@
22
  height: 100vh;
23
  margin: 0;
24
  }
25
- .login2 {
26
- text-align: center;
27
- padding: 20px;
28
- }
29
  .container {
30
  display: flex;
31
  flex-direction: column;
32
  align-items: center;
33
  text-align: center;
34
  }
 
35
  .element {
36
  text-align: center;
37
  max-height: 100%;
38
  }
 
39
  img {
40
- max-width: 50%;
41
  height: auto;
42
  cursor: pointer;
43
  }
 
44
  .text {
45
- font-size: 36px; /* Tamaño de letra deseado */
46
  align-items: center;
47
  text-align: center;
48
- margin-top: 10px; /* Espaciado superior para separar la imagen del texto */
49
  }
 
50
  .text2 {
51
- font-size: 24px; /* Tamaño de letra deseado */
52
  }
 
53
  /* Estilos para pantallas pequeñas (por ejemplo, hasta 768px) */
54
  @media screen and (max-width: 768px) {
55
  .quiro {
56
- font-size: 2.5rem; /* Reducir el tamaño de la fuente */
57
  }
58
  input[type="button"] {
59
- width: 100%; /* Ajustar el ancho al 100% para ocupar todo el ancho disponible */
60
  }
61
  }
 
62
  /* Estilos para pantallas medianas y grandes (más de 768px) */
63
  @media screen and (min-width: 769px) {
64
  .quiro {
65
- font-size: 3.5rem; /* Restablecer el tamaño de la fuente original */
66
  }
67
  }
68
  </style>
69
-
70
  </head>
71
 
72
  <body>
73
  <div class="login22">
74
- <h2 style="text-align: center; font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif; font-size: 3rem; background-color: purple; max-width: 100%; overflow: hidden; display: flex; align-items: center;">
75
 
76
- <div class="container">
77
- <div class="element">
78
- <p class="text">AJUSTES</p>
 
79
  </div>
80
- </div>
81
- </h2>
82
- <form action="{{url_for('buscador_trauma')}}" method="post">
83
- <div class="input-container">
84
- <div class="text">
85
- <img src="{{ user_image7 }}" alt="" onclick="location.href='/especialidad'">
86
- <p class="text2">Cambiar especialidad</p>
87
- </div>
88
  </div>
89
- </form>
90
- </div>
91
-
92
  </body>
93
- </html>
 
1
  <!DOCTYPE html>
2
  <html>
3
  <head>
4
+ <meta charset="utf-8">
5
+ <title>Quirohelp</title>
6
+ <style>
7
  body {
8
+ background-color: #333;
9
+ color: #fff;
10
  font-family: Georgia, 'Times New Roman', Times, serif;
11
  margin: 0;
12
  padding: 0;
13
  text-align: center;
14
  }
15
+
16
  .quiro {
17
  background-color: blueviolet;
18
  font-size: 3.5rem;
 
23
  height: 100vh;
24
  margin: 0;
25
  }
26
+
 
 
 
27
  .container {
28
  display: flex;
29
  flex-direction: column;
30
  align-items: center;
31
  text-align: center;
32
  }
33
+
34
  .element {
35
  text-align: center;
36
  max-height: 100%;
37
  }
38
+
39
  img {
40
+ max-width: 40%; /* Reducir el tamaño de la imagen */
41
  height: auto;
42
  cursor: pointer;
43
  }
44
+
45
  .text {
46
+ font-size: 36px;
47
  align-items: center;
48
  text-align: center;
49
+ margin-top: 10px;
50
  }
51
+
52
  .text2 {
53
+ font-size: 24px;
54
  }
55
+
56
  /* Estilos para pantallas pequeñas (por ejemplo, hasta 768px) */
57
  @media screen and (max-width: 768px) {
58
  .quiro {
59
+ font-size: 2.5rem;
60
  }
61
  input[type="button"] {
62
+ width: 100%;
63
  }
64
  }
65
+
66
  /* Estilos para pantallas medianas y grandes (más de 768px) */
67
  @media screen and (min-width: 769px) {
68
  .quiro {
69
+ font-size: 3.5rem;
70
  }
71
  }
72
  </style>
 
73
  </head>
74
 
75
  <body>
76
  <div class="login22">
77
+ <h2 style="text-align: center; font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif; font-size: 3rem; background-color: purple; max-width: 100%; overflow: hidden; display: flex; align-items: center;">
78
 
79
+ <div class="container">
80
+ <div class="element">
81
+ <p class="text">AJUSTES</p>
82
+ </div>
83
  </div>
84
+
85
+ </h2>
86
+ <form action="{{url_for('buscador_trauma')}}" method="post">
87
+ <div class="input-container">
88
+ <div class="text">
89
+ <img src="{{ user_image7 }}" alt="" onclick="location.href='/especialidad'">
90
+ <p class="text2">Cambiar especialidad</p>
 
91
  </div>
92
+ </div>
93
+ </form>
94
+ </div>
95
  </body>
96
+ </html>