Mirroring/merakiui
1
0
Fork 0
mirror of https://github.com/bakateam/merakiui.git synced 2025-12-08 22:53:24 +00:00
Code Issues Projects Releases Wiki Activity

Fix header load issue

Browse Source
This commit is contained in:
khatabwedaa
2020-08-24 18:26:51 +02:00
parent afc06822f5
commit cc7f8c18a5
2 changed files with 6 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/Header.vue
View File

@@ -1,6 +1,6 @@
<template> <template>
<div class="border-b-4 border-blue-500"> <header class="bg-gray-900 border-b-4 border-blue-500">
<nav class="bg-gray-900"> <nav>
<div class="container mx-auto px-6 py-4"> <div class="container mx-auto px-6 py-4">
<div class="flex justify-between items-center"> <div class="flex justify-between items-center">
<a href="/" class="text-white text-xl font-bold md:text-2xl inline-flex items-center hover:text-blue-400"> <a href="/" class="text-white text-xl font-bold md:text-2xl inline-flex items-center hover:text-blue-400">
@@ -16,10 +16,10 @@
</div> </div>
</nav> </nav>
<div class="bg-gray-900"> <div>
<div class="container mx-auto px-6 py-8 md:py-0"> <div class="container mx-auto px-6 py-8 md:py-0">
<div class="md:flex"> <div class="md:flex">
<div class="flex items-center w-full md:w-1/2"> <div class="flex items-center w-full md:w-1/2 md:h-112">
<div class="max-w-lg text-white"> <div class="max-w-lg text-white">
<div class="text-xs font-light">Simple UI Starter</div> <div class="text-xs font-light">Simple UI Starter</div>
@@ -42,5 +42,5 @@
</div> </div>
</div> </div>
</div> </div>
</div> </header>
</template> </template>

1
tailwind.config.js
View File

@@ -7,6 +7,7 @@ module.exports = {
}, },
spacing: { spacing: {
"96": "24rem", "96": "24rem",
"112": "28rem",
}, },
}, },
}, },