opdavies/rebuilding-bartik
Archived
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

Ensure margins and paddings are consistent

Browse source
This commit is contained in:
Oliver Davies 2019-06-16 10:31:48 +01:00
parent 5b720405f7
commit f83b817882
2 changed files with 6 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
src/App.vue
View file

@ -38,8 +38,8 @@
<div class="-mx-6 md:flex md:flex-row-reverse"> <div class="-mx-6 md:flex md:flex-row-reverse">
<main id="main" class="flex-1 px-6 pb-8 lg:pb-12"> <main id="main" class="flex-1 px-6 pb-8 lg:pb-12">
<div class="font-serif"> <div class="font-serif">
<h1 class="mb-1 text-3xl font-normal leading-tight">Welcome to {{ title }}</h1> <h1 class="text-3xl font-normal leading-tight">Welcome to {{ title }}</h1>
<p>No front page content has been created yet.</p> <p class="mt-1">No front page content has been created yet.</p>
<p>Follow the <a href="#0">User Guide</a> to start building your site.</p> <p>Follow the <a href="#0">User Guide</a> to start building your site.</p>
</div> </div>
@ -48,9 +48,9 @@
<aside class="w-full px-6 -mb-4 md:w-1/3 lg:w-1/4"> <aside class="w-full px-6 -mb-4 md:w-1/3 lg:w-1/4">
<sidebar-block> <sidebar-block>
<h2 class="font-serif font-normal text-base text-grey-600 border-b border-solid border-grey-300 mb-3">Search</h2> <h2 class="font-serif font-normal text-base text-grey-600 border-b border-solid border-grey-300">Search</h2>
<div> <div class="mt-3">
<form action="#" class="flex"> <form action="#" class="flex">
<input type="text" class="w-full py-1 px-2 border border-solid border-grey-400 xl:w-auto"> <input type="text" class="w-full py-1 px-2 border border-solid border-grey-400 xl:w-auto">

4
src/components/MainMenu.vue
View file

@ -17,9 +17,9 @@
<div class="mx-auto px-4 sm:block xl:max-w-6xl" :class="[ isOpen ? 'block' : 'hidden' ]"> <div class="mx-auto px-4 sm:block xl:max-w-6xl" :class="[ isOpen ? 'block' : 'hidden' ]">
<div class="mt-2 sm:mt-0"> <div class="mt-2 sm:mt-0">
<nav class="flex flex-wrap pb-1 -mx-3 sm:-mx-0 md:p-0"> <nav class="flex flex-wrap pb-2 -mt-1 -mx-3 sm:-mx-0 md:p-0">
<div <div
class="w-full inline-block px-1 mb-1 md:mb-0 sm:w-1/3 sm:pl-0 md:w-auto" class="w-full inline-block px-1 mt-1 md:mb-0 sm:w-1/3 sm:pl-0 md:w-auto"
:key="link.title" :key="link.title"
v-for="(link, index) in links" v-for="(link, index) in links"
> >