Added mobile layout to new components
This commit is contained in:
parent
9037540988
commit
64f38f3aa4
5 changed files with 15 additions and 12 deletions
|
|
@ -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",
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
Reference in a new issue