Added mobile layout to new components

This commit is contained in:
Ceferino Patino 2022-09-12 22:02:52 -05:00
commit 64f38f3aa4
5 changed files with 15 additions and 12 deletions

View file

@ -8,12 +8,12 @@ class UserEntryForm(Form):
first_name = CharField(widget=TextInput(attrs={
'class': 'form-control',
'id': 'first-name',
'placeholder': 'First Name'
'placeholder': 'First'
}))
last_name = CharField(widget=TextInput(attrs={
'class': "form-control",
'id': 'last-name',
'placeholder': 'Last Name'
'placeholder': 'Last'
}))
email = EmailField(widget=EmailInput(attrs={
'class': "form-control",

View file

@ -16,9 +16,6 @@ html, body {
}
#banner {
/* background-image: url("https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRp-RkNnMsGagfx0oV3SsHNONyIVlF3tfl9EiXhACZe&s");
background-repeat: no-repeat;
background-size: 100% 100%; */
background-color: #00f;
}
@ -71,4 +68,10 @@ html, body {
line-height: 1.428571429;
border-radius: 15px;
margin-top: 0;
}
@media only screen and (max-width: 992px) {
#banner {
display: none;
}
}

View file

@ -6,12 +6,12 @@
<div class="steps-row setup-panel">
<div class="steps-step">
<button name="wizard_goto_step" class="btn btn-secondary btn-circle" type="submit" value="user">1</button>
<p>Student Information</p>
<p>Info</p>
</div>
<div class="steps-step">
<button name="wizard_goto_step" class="btn btn-primary btn-circle" type="disabled"
value="activity">2</button>
<p>Activity Information</p>
<p>Activities</p>
</div>
</div>
</div>

View file

@ -5,13 +5,13 @@
<div class="steps-form">
<div class="steps-row setup-panel">
<div class="steps-step">
<button name="wizard_goto_step" class="btn btn-secondary btn-circle" type="submit" value="user">1</button>
<p>Student Information</p>
<button name="wizard_goto_step" class="btn btn-primary btn-circle" type="submit" value="user">1</button>
<p>Student Info</p>
</div>
<div class="steps-step">
<button name="wizard_goto_step" class="btn btn-primary btn-circle" type="disabled"
<button name="wizard_goto_step" class="btn btn-secondary btn-circle" type="disabled"
value="activity">2</button>
<p>Activity Information</p>
<p>Activity Signup</p>
</div>
</div>
</div>