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=Tajawal:300,400,500,700&display=swap&subset=arabic');
@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="flex items-center px-2 py-3">
<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">
<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>

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

@ -17,7 +17,7 @@
<div>
<a class="flex items-center" href="#">
<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">
<h1 class="text-gray-700 font-bold">Khatab wedaa</h1>
</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>
</div>
<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">
<div class="flex items-center mx-4">
<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>
<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">
<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="flex justify-center md:justify-end -mt-16">
<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>
<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: {
extend: {
fontFamily: {
inter: ['Inter'],
roboto: ['Roboto'],
},
spacing: {