Improved the responsiveness on mobile
This commit is contained in:
+1
-1
@@ -7,4 +7,4 @@ class URL(db.Model):
|
|||||||
clicks = db.Column(db.Integer, nullable=False, default=0)
|
clicks = db.Column(db.Integer, nullable=False, default=0)
|
||||||
|
|
||||||
def __repr__(self):
|
def __repr__(self):
|
||||||
return f"'{self.id}' '{self.token}' '{self.url} '{self.clicks}'"
|
return f"'{self.id}' '{self.token}' '{self.url}' '{self.clicks}'"
|
||||||
|
|||||||
@@ -111,7 +111,7 @@ body {
|
|||||||
.url-form {
|
.url-form {
|
||||||
max-width: 700px;
|
max-width: 700px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
margin: 220px auto 0 auto;
|
margin: 20vh auto 0 auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.url-form h1 {
|
.url-form h1 {
|
||||||
@@ -161,7 +161,7 @@ body {
|
|||||||
|
|
||||||
@media all and (max-width: 800px) {
|
@media all and (max-width: 800px) {
|
||||||
.url-form {
|
.url-form {
|
||||||
max-width: 420px;
|
max-width: 380px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -230,7 +230,7 @@ body {
|
|||||||
.donation {
|
.donation {
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
margin-top: 200px;
|
margin-top: 20vh;
|
||||||
}
|
}
|
||||||
|
|
||||||
.donation h1 {
|
.donation h1 {
|
||||||
@@ -271,10 +271,7 @@ body {
|
|||||||
}
|
}
|
||||||
|
|
||||||
footer {
|
footer {
|
||||||
position: absolute;
|
|
||||||
bottom: 0;
|
|
||||||
width: 100%;
|
|
||||||
height: 2.5rem;
|
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
margin: 30vh 0 5vh 0;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user