diff options
| author | Thedro Neely <thedroneely@gmail.com> | 2019-07-10 15:41:25 -0400 |
|---|---|---|
| committer | Thedro Neely <thedroneely@gmail.com> | 2019-07-10 15:41:25 -0400 |
| commit | e1b27f5eacf3470eb6a35fc19625b2d0a0691cf8 (patch) | |
| tree | c36258e983308a489a9637fb43a73f6baa1babc6 | |
| parent | 0471e2f964e000908806b3dbb0733c690d1a72ad (diff) | |
| download | edwinmattiacci.com-e1b27f5eacf3470eb6a35fc19625b2d0a0691cf8.tar.gz edwinmattiacci.com-e1b27f5eacf3470eb6a35fc19625b2d0a0691cf8.tar.bz2 edwinmattiacci.com-e1b27f5eacf3470eb6a35fc19625b2d0a0691cf8.zip | |
views/partials/navigator: Make navigator touch targets larger
| -rw-r--r-- | views/partials/navigator.php | 68 |
1 files changed, 24 insertions, 44 deletions
diff --git a/views/partials/navigator.php b/views/partials/navigator.php index 0d5539b..78bb138 100644 --- a/views/partials/navigator.php +++ b/views/partials/navigator.php @@ -1,11 +1,9 @@ <nav class="flex -mx-2"> - <div class="w-1/5 px-2 text-center"> +<a class="w-1/5 px-2 py-4 text-center" href="/" title="Home"> - - <a class="inline-block text-gray-700 hover:text-gray-900 no-underline - font-bold tracking-widest uppercase text-xs pb-1" href="/" title="Home"> - <div class="text-center"> + <div class="inline-block text-gray-700 hover:text-gray-900 no-underline + font-bold tracking-wider uppercase text-xs pb-1 text-center"> <?php echo file_get_contents($_SERVER['DOCUMENT_ROOT'] . '/..' . '/public/icons/feathericons/user.svg') ?> @@ -13,17 +11,14 @@ <?php echo $navigation->isActiveHome() ?? 'text-gray-700' ?> hover:text-gray-900"> Home </p> - </div> - </a> - - </div> + </div> -<div class="w-1/5 px-2 text-center"> +</a> +<a class="w-1/5 px-2 py-4 text-center" href="/posts/" title="Journal"> - <a class="inline-block text-gray-700 hover:text-gray-900 no-underline - font-bold tracking-wide uppercase text-xs pb-1" href="/posts/" title="Home"> - <div class="text-center"> + <div class="inline-block text-gray-700 hover:text-gray-900 no-underline + font-bold tracking-wider uppercase text-xs pb-1 text-center"> <?php echo file_get_contents($_SERVER['DOCUMENT_ROOT'] . '/..' . '/public/icons/feathericons/book-open.svg') ?> @@ -32,17 +27,13 @@ Journal </p> </div> - </a> - -</div> -<div class="w-1/5 px-2 text-center"> +</a> +<a class="w-1/5 px-2 py-4 text-center" href="/wall/" title="Wall"> - - <a class="inline-block text-gray-700 hover:text-gray-900 no-underline - font-bold tracking-wide uppercase text-xs pb-1" href="/wall/" title="Wall"> - <div class="text-center"> + <div class="inline-block text-gray-700 hover:text-gray-900 no-underline + font-bold tracking-wider uppercase text-xs pb-1 text-center"> <?php echo file_get_contents($_SERVER['DOCUMENT_ROOT'] . '/..' . '/public/icons/feathericons/message-square.svg') ?> @@ -50,18 +41,14 @@ <?php echo $navigation->isActive('/wall/') ?? 'text-gray-700' ?> hover:text-gray-900"> Wall </p> - </div> - </a> - + </div> -</div> +</a> -<div class="w-1/5 px-2 text-center"> +<a class="w-1/5 px-2 py-4 text-center" href="/about/" title="About"> - - <a class="inline-block text-gray-700 hover:text-gray-900 no-underline - font-bold tracking-wide uppercase text-xs pb-1" href="/about/" title="About"> - <div class="text-center"> + <div class="inline-block text-gray-700 hover:text-gray-900 no-underline + font-bold tracking-wider uppercase text-xs pb-1 text-center"> <?php echo file_get_contents($_SERVER['DOCUMENT_ROOT'] . '/..' . '/public/icons/feathericons/help-circle.svg') ?> @@ -69,19 +56,14 @@ <?php echo $navigation->isActive('/about/') ?? 'text-gray-700' ?> hover:text-gray-900"> About </p> - </div> - </a> - - -</div> + </div> -<div class="w-1/5 px-2 text-center"> +</a> +<a class="w-1/5 px-2 py-4 text-center" href="/contact/" title="Contact"> - - <a class="inline-block text-gray-700 hover:text-gray-900 no-underline - font-bold tracking-wide uppercase text-xs pb-1" href="/contact/" title="Contact"> - <div class="text-center"> + <div class="inline-block text-gray-700 hover:text-gray-900 no-underline + font-bold tracking-wider uppercase text-xs pb-1 text-center"> <?php echo file_get_contents($_SERVER['DOCUMENT_ROOT'] . '/..' . '/public/icons/feathericons/mail.svg') ?> @@ -89,11 +71,9 @@ <?php echo $navigation->isActive('/contact/') ?? 'text-gray-700' ?> hover:text-gray-900"> Contact </p> - </div> - </a> - + </div> -</div> +</a> </nav> |