counterweight/secajs
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

stuff

Browse source
This commit is contained in:
counterweight 2025-02-24 23:47:01 +01:00
parent 4b7df27e40
commit 7db6eef0d1
Signed by: counterweight
GPG key ID: 883EDBAA726BD96C
3 changed files with 70 additions and 36 deletions
Download patch file Download diff file Expand all files Collapse all files

38
src/public/css/offers.css
View file

@ -1,6 +1,5 @@
@media (max-width: 768px) { @media (max-width: 768px) {
#offers-root { #offers-root {
width: 100%;
margin: 10px 10px; margin: 10px 10px;
} }
@ -11,6 +10,19 @@
#premium-selector-area { #premium-selector-area {
width: 60px; width: 60px;
} }
#create-offer-controls > * {
width: 100%;
}
.checkbox-row {
width: 90%;
}
.checkbox-row > input[type='checkbox'] {
flex-shrink: 0;
margin-left: 5%;
}
} }
@media (min-width: 769px) { @media (min-width: 769px) {
@ -26,13 +38,25 @@
#premium-selector-area { #premium-selector-area {
width: 100px; width: 100px;
} }
#create-offer-controls > * {
margin-left: 15%;
margin-right: 15%;
width: 70%;
}
.checkbox-row {
width: 60%;
}
.checkbox-row > input[type='checkbox'] {
flex-shrink: 0;
margin-left: 20%;
}
} }
#create-offer-controls > * { #create-offer-controls > * {
text-align: center; text-align: center;
margin-left: 15%;
margin-right: 15%;
width: 70%;
} }
#close-offer-controls-area { #close-offer-controls-area {
@ -120,18 +144,20 @@
.checkbox-row { .checkbox-row {
display: flex; display: flex;
width: 25%;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
} }
.checkbox-row > label { .checkbox-row > label {
text-align: start; text-align: start;
margin-right: auto;
margin-left: 0; margin-left: 0;
align-content: center; align-content: center;
} }
.checkbox-row > input[type='checkbox'] { .checkbox-row > input[type='checkbox'] {
margin-left: 20%; flex-shrink: 0;
margin-right: 1em;
height: 2em; height: 2em;
width: 2em; width: 2em;
} }

2
src/public/css/seca.css
View file

@ -21,7 +21,7 @@
@media (min-width: 769px) { @media (min-width: 769px) {
html { html {
font-size: 20px; font-size: 16px;
} }
.font-medium { .font-medium {

66
src/views/offers.ejs
View file

@ -116,37 +116,45 @@
</p> </p>
</div> </div>
<div id="trust-area"> <div id="trust-area">
<p>¿Quién puede ver la oferta?</p> <h3>¿Quién puede ver la oferta?</h3>
<label for="my-trusted">Mis confiados</label <div id="my-trusted-area" class="checkbox-row">
><input <input
type="checkbox" type="checkbox"
name="my-trusted" name="my-trusted"
id="my-trusted-checkbox" id="my-trusted-checkbox"
checked checked
disabled disabled
/> /><label for="my-trusted">Mis confiados</label>
<label for="my-trusted-trusted">Los confiados de mis confiados</label </div>
><input <div id="my-trusted-trusted-area" class="checkbox-row">
type="checkbox" <input
name="my-trusted-trusted" type="checkbox"
id="my-trusted-trusted-checkbox" name="my-trusted-trusted"
checked id="my-trusted-trusted-checkbox"
/> checked
<label for="all-members">Todos los miembros</label /><label for="my-trusted-trusted"
><input >Los confiados de mis confiados</label
type="checkbox" >
name="all-members" </div>
id="all-members-checkbox" <div id="all-members-area" class="checkbox-row">
/> <input
type="checkbox"
name="all-members"
id="all-members-checkbox"
/><label for="all-members">Todos los miembros</label>
</div>
</div> </div>
<div id="other-area"> <div id="other-area">
<label for="large-bills" <h3>Extras</h3>
>Se pueden usar billetes grandes (100€, 200€, 500€)</label <div id="large-bills-area" class="checkbox-row">
><input <input
type="checkbox" type="checkbox"
name="large-bills" name="large-bills"
id="large-bills-checkbox" id="large-bills-checkbox"
/> /><label for="large-bills"
>Se pueden usar billetes grandes (100€, 200€, 500€)</label
>
</div>
</div> </div>
<button id="button-submit-offer" class="button-primary" disabled> <button id="button-submit-offer" class="button-primary" disabled>
Publicar oferta Publicar oferta