IEEE.org     |     IEEE Xplore Digital Library     |     IEEE Standards     |     IEEE Spectrum     |     More Sites

Verified Commit be5e80b6 authored by Emi Simpson's avatar Emi Simpson
Browse files

Made it mobile friendly!

parent a4e64732
Pipeline #263 failed with stages
in 43 seconds
*.ttf filter=lfs diff=lfs merge=lfs -text
......@@ -123,7 +123,7 @@ a {
/* Forms */
input, select, textarea {
border: 1px solid #ccc;
width: 100%;
width: calc(100% - 10px);
padding-left: 10px;
}
input {
......@@ -199,7 +199,7 @@ button {
align-items: center;
grid-template-columns: 0fr 1fr;
grid-gap: 6px;
margin-top: 10px;
margin-top: 5px;
}
/* Popup & Overlay Styling */
......
......@@ -3,24 +3,41 @@
{% block title %} Login {% endblock %}
{% block head %}
{{super()}}
<link href={{static_versioned("fonts/Roboto-Thin.ttf")}} rel="stylesheet">
<style>
#login {
display: grid;
grid-template-columns: repeat(2, 420px);
grid-template-columns: repeat(2, min(40%, 490px));
justify-content: center;
align-content: center;
gap: 120px;
gap: 80px;
height: 100%;
position: relative;
}
@media (max-width: 928px) {
#login {
grid-template-columns: min(80%, 490px);
}
#login :last-child {
grid-row: 1;
}
}
#or {
grid-row: 2;
display: none;
text-align: center;
font-size: 3em;
font-weight: 100;
font-family: roboto;
}
input {
margin-top: 4px;
margin-bottom: -4px;
}
.small {
color: #666;
font-size: 0.7em;
line-height: 2.5em;
}
.input-field {
margin-bottom: 30px;
......@@ -29,11 +46,27 @@ input {
display: flex;
flex-direction: column;
border-radius: 6.9px;
width: 100%;
border: 1px solid #ddd;
box-shadow: 3px 3px 8px lightgrey;
padding: 37px;
}
@media (max-width: 448px) {
@import url('{{static_versioned("fonts/Roboto-Thin.ttf")}}');
#login {
grid-template-columns: 90%;
}
#login form {
padding: 0;
border: none;
box-shadow: none;
}
#or {
display: initial;
}
}
</style>
{% endblock %}
{% block main %}
......@@ -118,6 +151,7 @@ input {
</div>
</form>
</section>
<span id="or"> - OR - </span>
<section>
<form method=POST>
<h2> Login </h2>
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment