Untitled
unknown
plain_text
a year ago
4.8 kB
3
Indexable
.maindiv { margin: 3vmax; } .backspacediv { margin: 5vmax; display: flex; flex-direction: row; font-size: 1.3vmax; font-weight: 500; color: #375874; gap: 0.5vmax; cursor: pointer; } .div { margin: 7vmax; display: flex; flex-direction: column; gap: 3vmax; } .box { display: flex; flex-direction: row; justify-content: space-between; } .inputdiv { display: flex; flex-direction: column; gap: 1vmax; } .mainbuttondiv { display: flex; flex-direction: column; } .mainbuttondiv2 { display: flex; flex-direction: column; border: 1px solid grey; padding: 1vmax; } .buttondiv { display: flex; flex-direction: row; justify-content: start; margin-bottom: 2vmax; gap: 5vmax; } .Btndiv2 { display: flex; flex-direction: row; justify-content: start; /* margin-left: 2vmax; */ } .buttondiv2 { display: flex; flex-direction: row; justify-content: start; margin-bottom: 2vmax; margin-left: 1vmax; gap: 5vmax; } .button { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 15vmax; height: 2.8vmax; font-size: 1vmax; border-radius: 100vmax; background-color: #375874; color: white; border: none; gap: 0.4vmax; outline: none; cursor: pointer; } .label { font-size: 1.2vmax; font-weight: 500; } .input { display: flex; flex-direction: row; width: 30vmax; border-radius: 100vmax; padding: 15px; padding-left: 1vmax; border: none; outline: none; background: #ffffff; box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.12); } .amountinput { display: flex; flex-direction: row; justify-content: space-between; width: 30vmax; border-radius: 100vmax; padding-left: 1vmax; border: none; outline: none; background: #ffffff; box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.12); } .priceinput2 { display: flex; flex-direction: row; justify-content: space-between; width: 30vmax; border-radius: 100vmax; padding-left: 1vmax; padding: 15px; border: none; outline: none; background: #ffffff; box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.12); } .priceinput { justify-content: space-between; width: 18vmax; border-radius: 100vmax; padding: 10px; padding-left: 1vmax; border: none; outline: none; } .divsubmitbutton { display: flex; flex-direction: column; align-items: flex-end; margin-top: 1vmax; } .submitbutton { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 12vmax; height: 2.8vmax; font-size: 1vmax; border-radius: 100vmax; background-color: #375874; color: white; border: none; } @media (min-width: 320px) and (max-width: 490px) { .maindiv::-webkit-scrollbar { display: none; } .maindiv { -ms-overflow-style: none; scrollbar-width: none; } .backspacediv { margin: 5vw; margin-left: 0vw; display: flex; flex-direction: row; font-size: 6vw; font-weight: 500; color: #375874; gap: 2.5vw; cursor: pointer; } .div { margin: 0vw; display: flex; flex-direction: column; } .box { display: flex; flex-direction: column; align-items: center; gap: 2vw; } .inputdiv { display: flex; flex-direction: column; gap: 4vw; } .mainbuttondiv { display: flex; flex-direction: column; } .buttondiv { display: flex; flex-direction: column; justify-content: center; gap: 4vw; align-items: center; } .button { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 60vw; height: 7vh; font-size: 3.8vw; border-radius: 100vw; background-color: #375874; color: white; border: none; outline: none; } .label { font-size: 4.8vw; font-weight: 500; } .input { display: flex; flex-direction: column; width: 80vw; height: 8vh; border-radius: 100vw; padding: 7vw; padding-left: 3vw; border: none; outline: none; background: #ffffff; box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.12); } .divsubmitbutton { display: flex; flex-direction: column; align-items: center; margin-top: 2vw; } .submitbutton { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 60vw; height: 7vh; font-size: 3.8vw; border-radius: 100vw; background-color: #375874; color: white; border: none; outline: none; } }
Editor is loading...