Skip to content
Snippets Groups Projects
Commit 0b5df2c4 authored by rxd's avatar rxd
Browse files

style improved

parent b8a44f1c
No related branches found
No related tags found
No related merge requests found
...@@ -4,4 +4,17 @@ body { ...@@ -4,4 +4,17 @@ body {
input-box { input-box {
margin: 10px 0px; margin: 10px 0px;
}
index-card {
margin: 20rem;
}
card-body {
margin: auto;
}
.form-center {
display: block;
text-align: center;
} }
\ No newline at end of file
{% extends "base.html" %} {% extends "base.html" %}
{% block body %} {% block body %}
<form action="/search" method="GET"> <div class="card index-card" style="margin: 20rem;">
<input type="text" value="{{ query }}" name="q" /> <div class="card-header">Your next Viral Meme starts here...</div>
<input type="submit" value="Search"/> <div class="card-body">
</form> <div class="form-center">
<form action="/search" method="GET">
<input type="text" value="{{ query }}" name="q" />
<input type="submit" value="Search"/>
</form>
</div>
</div>
</div>
{% endblock %} {% endblock %}
...@@ -7,10 +7,12 @@ ...@@ -7,10 +7,12 @@
<div class="card border-dark mb-3" style="width: 18rem;"> <div class="card border-dark mb-3" style="width: 18rem;">
<img src="{{item.url}}" class="card-img-top" alt="meme"> <img src="{{item.url}}" class="card-img-top" alt="meme">
<div class="card-body"> <div class="card-body">
<form action="/setup" method="GET"> <div class='form-center'>
<input type="hidden" value="{{ item.url }}" name="url" /> <form action="/setup" method="GET">
<input type="submit" value="This One!"/> <input type="hidden" value="{{ item.url }}" name="url" />
</form> <input type="submit" value="This One!"/>
</form>
</div>
</div> </div>
</div> </div>
</div> </div>
......
...@@ -2,8 +2,8 @@ ...@@ -2,8 +2,8 @@
{% block body %} {% block body %}
<div class="row"> <div class="row">
<div class="'col-12"> <div class="col-12">
<div class="card" style="margin:1rem;"> <div class="card" style="margin:1rem; max-width:30rem;">
<div class="card-header"> <div class="card-header">
Let's Customize! Let's Customize!
</div> </div>
...@@ -11,7 +11,7 @@ ...@@ -11,7 +11,7 @@
<div class="image-card"> <div class="image-card">
<img src="{{ url }}" class="card-img-top" alt="selected_img"> <img src="{{ url }}" class="card-img-top" alt="selected_img">
</div> </div>
<div class="meme-form"> <div class="meme-form form-center">
<form action="/generate" method="GET"> <form action="/generate" method="GET">
<div class="row"> <div class="row">
<div class="col-6"> <div class="col-6">
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment