beenull/merakiui
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

Fixing some preformance bugs

Browse source
This commit is contained in:
Mosab Ibrahim 2020-05-06 17:32:49 +02:00
parent 799c105715
commit 6f59c43ef3
7 changed files with 5 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/assets/css/tailwind.css
View file

@ -1,6 +1,4 @@
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900&display=swap'); @import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Tajawal:300,400,500,700&display=swap&subset=arabic');
@tailwind base; @tailwind base;

2
src/components/UI/Alert/NotificationPop.vue
View file

@ -4,7 +4,7 @@
<div class="w-2 bg-gray-800"></div> <div class="w-2 bg-gray-800"></div>
<div class="flex items-center px-2 py-3"> <div class="flex items-center px-2 py-3">
<img class="w-12 h-12 object-cover rounded-full" <img class="w-12 h-12 object-cover rounded-full"
src="https://images.unsplash.com/photo-1477118476589-bff2c5c4cfbb?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=500&q=60"> src="https://images.unsplash.com/photo-1477118476589-bff2c5c4cfbb?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=48&q=60">
<div class="mx-3"> <div class="mx-3">
<h2 class="text-xl font-semibold text-gray-800">Jane Doe</h2> <h2 class="text-xl font-semibold text-gray-800">Jane Doe</h2>
<p class="text-gray-600">Sara was replied on the <a href="#" class="text-blue-500">Upload Image</a>.</p> <p class="text-gray-600">Sara was replied on the <a href="#" class="text-blue-500">Upload Image</a>.</p>

2
src/components/UI/Cards/ArticleCard.vue
View file

@ -17,7 +17,7 @@
<div> <div>
<a class="flex items-center" href="#"> <a class="flex items-center" href="#">
<img class="mx-4 w-10 h-10 object-cover rounded-full hidden sm:block" <img class="mx-4 w-10 h-10 object-cover rounded-full hidden sm:block"
src="https://images.unsplash.com/photo-1502980426475-b83966705988?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=373&q=80" src="https://images.unsplash.com/photo-1502980426475-b83966705988?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=40&q=80"
alt="avatar"> alt="avatar">
<h1 class="text-gray-700 font-bold">Khatab wedaa</h1> <h1 class="text-gray-700 font-bold">Khatab wedaa</h1>
</a> </a>

2
src/components/UI/Cards/ArticleCardWithImage.vue
View file

@ -12,7 +12,7 @@
<p class="text-sm text-gray-600 mt-2">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Molestie parturient et sem ipsum volutpat vel. Natoque sem et aliquam mauris egestas quam volutpat viverra. In pretium nec senectus erat. Et malesuada lobortis.</p> <p class="text-sm text-gray-600 mt-2">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Molestie parturient et sem ipsum volutpat vel. Natoque sem et aliquam mauris egestas quam volutpat viverra. In pretium nec senectus erat. Et malesuada lobortis.</p>
</div> </div>
<div class="flex mt-4 items-center"> <div class="flex mt-4 items-center">
<img class="h-12 h-12 rounded-full" src="https://images.unsplash.com/photo-1586287011575-a23134f797f9?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=500&q=60" <img class="h-12 h-12 rounded-full" src="https://images.unsplash.com/photo-1586287011575-a23134f797f9?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=48&q=60"
alt="Avatar"> alt="Avatar">
<div class="flex items-center mx-4"> <div class="flex items-center mx-4">
<a href="#" class="text-gray-700 font-semibold">Jone Doe</a> <a href="#" class="text-gray-700 font-semibold">Jone Doe</a>

2
src/components/UI/Cards/Product.vue
View file

@ -8,7 +8,7 @@
</div> </div>
<img class="h-56 w-full object-cover mt-2" <img class="h-56 w-full object-cover mt-2"
src="https://images.unsplash.com/photo-1542291026-7eec264c27ff?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=750&q=80" src="https://images.unsplash.com/photo-1542291026-7eec264c27ff?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=320&q=80"
alt="NIKE AIR"> alt="NIKE AIR">
<div class="flex items-center justify-between px-4 py-2 bg-gray-900"> <div class="flex items-center justify-between px-4 py-2 bg-gray-900">

2
src/components/UI/Cards/Testimonial.vue
View file

@ -3,7 +3,7 @@
<div class="max-w-md mx-auto py-4 px-8 bg-white shadow-lg rounded-lg my-10"> <div class="max-w-md mx-auto py-4 px-8 bg-white shadow-lg rounded-lg my-10">
<div class="flex justify-center md:justify-end -mt-16"> <div class="flex justify-center md:justify-end -mt-16">
<img class="w-20 h-20 object-cover rounded-full border-2 border-indigo-500" <img class="w-20 h-20 object-cover rounded-full border-2 border-indigo-500"
src="https://images.unsplash.com/photo-1499714608240-22fc6ad53fb2?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=334&q=80"> src="https://images.unsplash.com/photo-1499714608240-22fc6ad53fb2?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=76&q=80">
</div> </div>
<div> <div>
<h2 class="text-gray-800 text-3xl font-semibold">Design Tools</h2> <h2 class="text-gray-800 text-3xl font-semibold">Design Tools</h2>

1
tailwind.config.js
View file

@ -5,7 +5,6 @@ module.exports = {
theme: { theme: {
extend: { extend: {
fontFamily: { fontFamily: {
inter: ['Inter'],
roboto: ['Roboto'], roboto: ['Roboto'],
}, },
spacing: { spacing: {