Fix UI issues on desktop and mobile (#31)

This commit is contained in:
E 2021-09-12 11:48:35 +01:00 committed by GitHub
parent 96d69992a0
commit 80813d48e3
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 21 additions and 20 deletions

2
.gitignore vendored
View File

@ -200,4 +200,4 @@ notes
public/stylesheets/style.css
ngrok
.dccache

View File

@ -33,30 +33,30 @@ block content
div
each val in project
div
div
a(href=val.url)
div(class="mb-10 text-center sm:text-left")
div.contents
a(href=val.url).contents
if val.feature_image
img(class="w-2/3" src=val.feature_image)
img(class="sm:w-2/3 mx-auto sm:mx-0" src=val.feature_image)
else
img(src="/images/logo.png")
div.mb-5
div.mt-2
a(href=val.url)
h1.font-sans.text-3xl.mt-3.mb-3 #{val.title}
span(class="font-sans text-2xl sm:text-3xl mt-3 mb-3") #{val.title}
p.text-lg #{val.excerpt}
div
h1.font-sans.text-6xl.wavy.my-10 Blog.
div
each val in blog
div
div
a(href=val.url)
div(class="mb-10 text-center sm:text-left")
div.contents
a(href=val.url).contents
if val.feature_image
img(class="w-2/3" src=val.feature_image)
img(class="sm:w-2/3 mx-auto sm:mx-0" src=val.feature_image)
else
img(src="/images/logo.png")
div.mb-5
div.mt-2
a(href=val.url)
h1.font-sans.text-3xl.mt-3.mb-3 #{val.title}
span(class="font-sans text-2xl sm:text-3xl mt-3 mb-3") #{val.title}
p.text-lg #{val.excerpt}

View File

@ -45,14 +45,15 @@ block content
div.mb-5
label(for='message') Message
textarea#message(class="w-full border-2 border-pink bg-black p-2 text-base" name='message' class="form-control" placeholder='Enter your message here' rows='3' required='true')
div.mb-5
div(class="mb-5 justify-center sm:justify-items-start flex sm:block")
.h-captcha(data-sitekey='49abba50-1813-4ab3-acbf-2a8bfff1f7c3')
button(type='submit' class="rounded-lg px-3 py-2 bg-pink text-black text-lg hover:ring-pink hover:ring-2 hover:bg-black hover:text-pink") Submit
button(type='submit' class="rounded-lg px-3 py-2 bg-pink text-black text-lg hover:ring-pink hover:ring-2 hover:bg-black hover:text-pink sm:w-auto w-full sm:text-base") Submit
div
if message
#contact-message
p=message
if success
p=success
span#email=email
div(class="mt-10 mb-6 sm:text-left text-center")
#contact-message
p=message
if success
p=success
span#email.text-green=email