Mirroring/merakiui
1
0
Fork 0
mirror of https://github.com/bakateam/merakiui.git synced 2025-12-09 15:05:34 +00:00
Code Issues Projects Releases Wiki Activity

Use gradient background

Browse Source
This commit is contained in:
khatabwedaa
2020-08-26 18:06:23 +02:00
parent bacf19d397
commit ffb7ac581e
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/Header.vue
View File

@@ -1,5 +1,5 @@
<template> <template>
<header class="bg-gray-900 border-b-4 border-blue-500"> <header class="bg-gradient-to-br from-gray-900 to-blue-900 border-b-4 border-blue-500">
<nav> <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">
@@ -26,8 +26,8 @@
<h1 class="font-semibold text-2xl mt-2 text-white md:text-3xl">Meraki <span class="text-blue-400">UI </span> Components</h1> <h1 class="font-semibold text-2xl mt-2 text-white md:text-3xl">Meraki <span class="text-blue-400">UI </span> Components</h1>
<p class="mt-2 text-gray-300"> <p class="mt-2 text-gray-300">
Beautiful <a href="https://tailwindcss.com" class="text-blue-400 hover:underline font-normal">tailwindcss</a> Beautiful <a href="https://tailwindcss.com" class="text-blue-400 hover:underline font-normal">Tailwindcss</a>
components that support RTL languages & fully responsive based on Flexbox & CSS Grid. built by components that support RTL languages & fully responsive based on Flexbox & CSS Grid. Built by
<a href="https://twitter.com/khatabwedaa" class="text-blue-400 hover:underline">@khatabwedaa</a> & <a href="https://twitter.com/khatabwedaa" class="text-blue-400 hover:underline">@khatabwedaa</a> &
<a href="https://twitter.com/miaababikir" class="text-blue-400 hover:underline">@miaababikir</a> <a href="https://twitter.com/miaababikir" class="text-blue-400 hover:underline">@miaababikir</a>
</p> </p>