diff --git a/src/public/css/createProfile.css b/src/public/css/createProfile.css new file mode 100644 index 0000000..f37d2cf --- /dev/null +++ b/src/public/css/createProfile.css @@ -0,0 +1,62 @@ + +@media (max-width: 768px) {.over-background > *:first-child { + margin-bottom: 5px; +} + +.over-background > *:last-child { + margin-top: 5px; +} + +.over-background > * { + margin-bottom: 5px; + margin-top: 5px; +}} + + +@media (min-width: 769px) {.over-background > *:first-child { + margin-bottom: 10px; +} + +.over-background > *:last-child { + margin-top: 10px; +} + +.over-background > * { + margin-bottom: 10px; + margin-top: 10px; +}} + +.badges { + display: grid; + grid-template-columns: repeat(2, 1fr); + grid-template-rows: repeat(3, 1fr); +} + +.badge { + border: 2px solid #e1c300; + border-radius: 10px; + padding: 2%; + margin: 1%; +} + +.badge input { + max-width: 80%; +} + +.create-profile-card-section > * { + text-align: center; + margin-bottom: 10px; + margin-right: auto; + margin-left: auto; + display: block; + max-width: 1000px; +} + +.create-profile-card-section .badge img { + width: 10%; +} + +h2 { + margin-top: 0; + margin-bottom: 5px; +} \ No newline at end of file diff --git a/src/public/css/seca.css b/src/public/css/seca.css index 46ce85a..ddc68ba 100644 --- a/src/public/css/seca.css +++ b/src/public/css/seca.css @@ -43,6 +43,30 @@ } } +body { + background-color: #bdd5ea; +} + +h1 { + color: #e1c300; +} + +.clickable { + cursor: pointer; +} + +.money-input { + text-align: end; +} + +.input-is-valid { + border: 1px solid green; +} + +.input-is-invalid { + border: 2px solid red; +} + .max-size-zero { max-width: 0; max-height: 0; @@ -81,42 +105,6 @@ height: 50px; } -.badges { - display: grid; - grid-template-columns: repeat(2, 1fr); - grid-template-rows: repeat(3, 1fr); -} - -.badge { - border: 2px solid #e1c300; - border-radius: 10px; - padding: 2%; - margin: 2%; -} - -body { - background-color: #bdd5ea; -} - -h1 { - color: #e1c300; -} - -.clickable { - cursor: pointer; -} - -.money-input { - text-align: end; -} - -.input-is-valid { - border: 1px solid green; -} - -.input-is-invalid { - border: 2px solid red; -} .button-group button { border: 0; @@ -160,6 +148,7 @@ h1 { .shadowed-round-area { border-radius: 20px; box-shadow: 0 0 13px #ccc; + padding: 20px; } #login-card > * { text-align: center; @@ -169,17 +158,7 @@ h1 { margin-bottom: 1vh; } -.create-profile-card-section > * { - text-align: center; - margin-right: auto; - margin-left: auto; - display: block; - max-width: 1000px; -} -.create-profile-card-section .badge img { - width: 10%; -} .text-warning { color: red; diff --git a/src/views/createProfile.ejs b/src/views/createProfile.ejs index 87b57ef..a9cd8b6 100644 --- a/src/views/createProfile.ejs +++ b/src/views/createProfile.ejs @@ -4,21 +4,22 @@ Crear perfil - + <%- include("partials/commonStyles") %> +
+

Crea tu perfil

Tu clave de Nostr ya es parte de la seca.

Añade detalles a tu perfil para poder empezar a comerciar.

-
+
-

Perfil

-
-
-

Datos de contacto

+

Métodos de contacto

-

- Añade métodos de contacto para poder hablar con otros miembros. - Debes añadir al menos uno. Siempre puedes editarlos más adelante. -

- - -

Tus métodos de contacto son necesarios para hablar con otros @@ -61,9 +46,10 @@

Tus métodos de contacto se guardan encriptados con tu clave de - nostr. La seca no puede verlos. + nostr. laseca nunca puede verlos. Solo los miembros con los que + tú decidas podrán verlos.

-

Solo los miembros con los que tú decidas podrán verlos.

+

Debes añadir al menos un método de contacto para completar tu perfil.

@@ -128,6 +114,7 @@
+