Skip to content
GitLab
Projects
Groups
Snippets
/
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
Menu
Open sidebar
LQDN Adminsys
generateur-slogans
Commits
aabb7a8f
Verified
Commit
aabb7a8f
authored
Oct 16, 2017
by
Thibaut Broggi
Browse files
Improve layout on small screens
First tab only contains one title Canvas is centered
parent
c4407ca7
Changes
2
Hide whitespace changes
Inline
Side-by-side
static/style.css
View file @
aabb7a8f
...
...
@@ -180,12 +180,6 @@ div.navButtons {
margin-top
:
2em
;
}
main
{
background-color
:
#ebf3ff
;
min-height
:
100%
;
padding-left
:
40px
;
}
body
{
display
:
flex
;
flex-direction
:
row
;
...
...
@@ -221,16 +215,33 @@ body {
textarea
{
height
:
3.5em
;
}
main
>
div
:first-child
{
margin
:
auto
;
}
h2
.title-big
{
display
:
none
;
}
}
@media
(
min-width
:
992px
)
{
main
{
min-height
:
100vh
;
padding-left
:
40px
;
}
input
#step2value
{
height
:
200px
;
}
main
>
div
>
#output
{
margin-top
:
7vw
;
}
h2
.title-small
{
display
:
none
;
}
}
main
>
div
:nth-child
(
1
)
{
...
...
@@ -243,11 +254,6 @@ main a {
font-weight
:
bold
;
}
main
>
div
>
#output
{
margin-top
:
7vw
;
display
:
block
;
}
a
#save-image
{
padding-left
:
2em
;
padding-right
:
2em
;
...
...
views/index.ejs
View file @
aabb7a8f
...
...
@@ -26,7 +26,8 @@
<button
id=
"randomize"
class=
"white-button"
>
CHOISIR AU HASARD
<span
class=
"fa fa-random"
></span></button>
</div>
<div
id=
"step1"
>
<h2>
Choisissez la couleur de fond
</h2>
<h2
class=
"title-small"
>
Choisissez 2 couleurs
</h2>
<h2
class=
"title-big"
>
Choisissez la couleur de fond
</h2>
<div
class=
"colorpicker"
>
<input
type=
"radio"
name=
"bg-color"
value=
"#f54358"
id=
"bg-red"
checked
/>
<label
for=
"bg-red"
>
...
...
@@ -57,7 +58,7 @@
<span
style=
"background-color: #000"
></span>
</label>
</div>
<h2>
Choisissez la couleur du texte
</h2>
<h2
class=
"title-big"
>
Choisissez la couleur du texte
</h2>
<div
class=
"colorpicker"
>
<input
type=
"radio"
name=
"fg-color"
value=
"#f54358"
id=
"fg-red"
/>
<label
for=
"fg-red"
>
...
...
Write
Preview
Supports
Markdown
0%
Try again
or
attach a new file
.
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment