@@ -1,12 +1,3 @@ | |||
<!-- | |||
Template Name: Midone - VueJS Admin Dashboard Template | |||
Author: Left4code | |||
Website: http://www.left4code.com/ | |||
Contact: muhammadrizki@left4code.com | |||
Purchase: https://themeforest.net/user/left4code/portfolio | |||
Renew Support: https://themeforest.net/user/left4code/portfolio | |||
License: You must have a valid license purchased only from themeforest(the above link) in order to legally use the theme for your project. | |||
<!DOCTYPE html> | |||
<html lang="en"> | |||
<head> | |||
@@ -4,7 +4,7 @@ | |||
<div class="mobile-menu-bar"> | |||
<a href class="flex mr-auto"> | |||
<img | |||
alt="Midone Tailwind HTML Admin Template" | |||
alt="" | |||
class="w-6" | |||
src="@/assets/images/logo.svg" | |||
/> | |||
@@ -3,7 +3,7 @@ | |||
<div class="top-bar"> | |||
<!-- BEGIN: Breadcrumb --> | |||
<div class="-intro-x breadcrumb mr-auto hidden sm:flex"> | |||
<a href class>Application</a> | |||
<a href class>智莺生活</a> | |||
<ChevronRightIcon class="breadcrumb__icon" /> | |||
<a href class="breadcrumb--active">Dashboard</a> | |||
</div> | |||
@@ -62,7 +62,7 @@ | |||
> | |||
<div class="w-8 h-8 image-fit"> | |||
<img | |||
alt="Midone Tailwind HTML Admin Template" | |||
alt="" | |||
class="rounded-full" | |||
:src="require(`@/assets/images/${faker.photos[0]}`)" | |||
/> | |||
@@ -84,7 +84,7 @@ | |||
> | |||
<div class="w-8 h-8 image-fit"> | |||
<img | |||
alt="Midone Tailwind HTML Admin Template" | |||
alt="" | |||
class="rounded-full" | |||
:src="require(`@/assets/images/${faker.images[0]}`)" | |||
/> | |||
@@ -118,7 +118,7 @@ | |||
> | |||
<div class="w-12 h-12 flex-none image-fit mr-1"> | |||
<img | |||
alt="Midone Tailwind HTML Admin Template" | |||
alt="" | |||
class="rounded-full" | |||
:src="require(`@/assets/images/${faker.photos[0]}`)" | |||
/> | |||
@@ -150,7 +150,7 @@ | |||
class="dropdown-toggle w-8 h-8 rounded-full overflow-hidden shadow-lg image-fit zoom-in" | |||
> | |||
<img | |||
alt="Midone Tailwind HTML Admin Template" | |||
alt="" | |||
:src="require(`@/assets/images/${$f()[9].photos[0]}`)" | |||
/> | |||
</div> | |||
@@ -12,7 +12,7 @@ | |||
class="intro-x flex items-center pl-5 pt-4" | |||
> | |||
<img | |||
alt="Midone Tailwind HTML Admin Template" | |||
alt="" | |||
class="w-6" | |||
src="@/assets/images/logo.svg" | |||
/> | |||
@@ -45,7 +45,7 @@ | |||
> | |||
<div class="w-10 h-10 flex-none image-fit"> | |||
<img | |||
alt="Midone Tailwind HTML Admin Template" | |||
alt="" | |||
class="rounded-full" | |||
:src="require(`@/assets/images/${faker.photos[0]}`)" | |||
/> | |||
@@ -89,7 +89,7 @@ | |||
<div class="p-5"> | |||
<div class="h-40 xxl:h-56 image-fit"> | |||
<img | |||
alt="Midone Tailwind HTML Admin Template" | |||
alt="" | |||
class="rounded-md" | |||
:src="require(`@/assets/images/${faker.images[0]}`)" | |||
/> | |||
@@ -116,7 +116,7 @@ | |||
<div class="intro-x w-8 h-8 image-fit"> | |||
<Tippy | |||
tag="img" | |||
alt="Midone Tailwind HTML Admin Template" | |||
alt="" | |||
class="rounded-full border border-white zoom-in" | |||
:src="require(`@/assets/images/${faker.photos[0]}`)" | |||
:content="faker.users[0].name" | |||
@@ -125,7 +125,7 @@ | |||
<div class="intro-x w-8 h-8 image-fit -ml-4"> | |||
<Tippy | |||
tag="img" | |||
alt="Midone Tailwind HTML Admin Template" | |||
alt="" | |||
class="rounded-full border border-white zoom-in" | |||
:src="require(`@/assets/images/${faker.photos[1]}`)" | |||
:content="faker.users[1].name" | |||
@@ -134,7 +134,7 @@ | |||
<div class="intro-x w-8 h-8 image-fit -ml-4"> | |||
<Tippy | |||
tag="img" | |||
alt="Midone Tailwind HTML Admin Template" | |||
alt="" | |||
class="rounded-full border border-white zoom-in" | |||
:src="require(`@/assets/images/${faker.photos[2]}`)" | |||
:content="faker.users[2].name" | |||
@@ -174,7 +174,7 @@ | |||
<div class="w-full flex items-center mt-3"> | |||
<div class="w-8 h-8 flex-none image-fit mr-3"> | |||
<img | |||
alt="Midone Tailwind HTML Admin Template" | |||
alt="" | |||
class="rounded-full" | |||
:src="require(`@/assets/images/${faker.photos[0]}`)" | |||
/> | |||
@@ -42,14 +42,14 @@ | |||
> | |||
<div class="blog__preview image-fit"> | |||
<img | |||
alt="Midone Tailwind HTML Admin Template" | |||
alt="" | |||
class="rounded-t-md" | |||
:src="require(`@/assets/images/${faker.images[0]}`)" | |||
/> | |||
<div class="absolute w-full flex items-center px-5 pt-6 z-10"> | |||
<div class="w-10 h-10 flex-none image-fit"> | |||
<img | |||
alt="Midone Tailwind HTML Admin Template" | |||
alt="" | |||
class="rounded-full" | |||
:src="require(`@/assets/images/${faker.photos[0]}`)" | |||
/> | |||
@@ -110,7 +110,7 @@ | |||
<div class="intro-x w-8 h-8 image-fit"> | |||
<Tippy | |||
tag="img" | |||
alt="Midone Tailwind HTML Admin Template" | |||
alt="" | |||
class="rounded-full border border-white zoom-in" | |||
:src="require(`@/assets/images/${faker.photos[0]}`)" | |||
:content="faker.users[0].name" | |||
@@ -119,7 +119,7 @@ | |||
<div class="intro-x w-8 h-8 image-fit -ml-4"> | |||
<Tippy | |||
tag="img" | |||
alt="Midone Tailwind HTML Admin Template" | |||
alt="" | |||
class="rounded-full border border-white zoom-in" | |||
:src="require(`@/assets/images/${faker.photos[1]}`)" | |||
:content="faker.users[1].name" | |||
@@ -128,7 +128,7 @@ | |||
<div class="intro-x w-8 h-8 image-fit -ml-4"> | |||
<Tippy | |||
tag="img" | |||
alt="Midone Tailwind HTML Admin Template" | |||
alt="" | |||
class="rounded-full border border-white zoom-in" | |||
:src="require(`@/assets/images/${faker.photos[2]}`)" | |||
:content="faker.users[2].name" | |||
@@ -168,7 +168,7 @@ | |||
<div class="w-full flex items-center mt-3"> | |||
<div class="w-8 h-8 flex-none image-fit mr-3"> | |||
<img | |||
alt="Midone Tailwind HTML Admin Template" | |||
alt="" | |||
class="rounded-full" | |||
:src="require(`@/assets/images/${faker.photos[0]}`)" | |||
/> | |||
@@ -16,7 +16,7 @@ | |||
<div class="intro-y mt-6"> | |||
<div class="news__preview image-fit"> | |||
<img | |||
alt="Midone Tailwind HTML Admin Template" | |||
alt="" | |||
class="rounded-md" | |||
:src="require(`@/assets/images/${$f()[0].images[0]}`)" | |||
/> | |||
@@ -35,7 +35,7 @@ | |||
<div class="intro-x w-8 h-8 sm:w-10 sm:h-10 image-fit"> | |||
<Tippy | |||
tag="img" | |||
alt="Midone Tailwind HTML Admin Template" | |||
alt="" | |||
class="rounded-full border border-white zoom-in" | |||
:src="require(`@/assets/images/${$f()[0].photos[0]}`)" | |||
:content="$f()[0].users[0].name" | |||
@@ -44,7 +44,7 @@ | |||
<div class="intro-x w-8 h-8 sm:w-10 sm:h-10 image-fit -ml-4"> | |||
<Tippy | |||
tag="img" | |||
alt="Midone Tailwind HTML Admin Template" | |||
alt="" | |||
class="rounded-full border border-white zoom-in" | |||
:src="require(`@/assets/images/${$f()[0].photos[1]}`)" | |||
:content="$f()[0].users[1].name" | |||
@@ -53,7 +53,7 @@ | |||
<div class="intro-x w-8 h-8 sm:w-10 sm:h-10 image-fit -ml-4"> | |||
<Tippy | |||
tag="img" | |||
alt="Midone Tailwind HTML Admin Template" | |||
alt="" | |||
class="rounded-full border border-white zoom-in" | |||
:src="require(`@/assets/images/${$f()[0].photos[2]}`)" | |||
:content="$f()[0].users[2].name" | |||
@@ -102,7 +102,7 @@ | |||
<div class="flex items-center"> | |||
<div class="w-12 h-12 flex-none image-fit"> | |||
<img | |||
alt="Midone Tailwind HTML Admin Template" | |||
alt="" | |||
class="rounded-full" | |||
:src="require(`@/assets/images/${$f()[0].photos[0]}`)" | |||
/> | |||
@@ -163,7 +163,7 @@ | |||
<div class="flex"> | |||
<div class="w-10 h-10 sm:w-12 sm:h-12 flex-none image-fit"> | |||
<img | |||
alt="Midone Tailwind HTML Admin Template" | |||
alt="" | |||
class="rounded-full" | |||
:src="require(`@/assets/images/${$f()[0].photos[0]}`)" | |||
/> | |||
@@ -184,7 +184,7 @@ | |||
<div class="flex"> | |||
<div class="w-10 h-10 sm:w-12 sm:h-12 flex-none image-fit"> | |||
<img | |||
alt="Midone Tailwind HTML Admin Template" | |||
alt="" | |||
class="rounded-full" | |||
:src="require(`@/assets/images/${$f()[0].photos[1]}`)" | |||
/> | |||
@@ -12,7 +12,7 @@ | |||
<div class="relative flex items-center p-5"> | |||
<div class="w-12 h-12 image-fit"> | |||
<img | |||
alt="Midone Tailwind HTML Admin Template" | |||
alt="" | |||
class="rounded-full" | |||
:src="require(`@/assets/images/${$f()[0].photos[0]}`)" | |||
/> | |||
@@ -87,7 +87,7 @@ | |||
> | |||
<div class="w-10 h-10 flex-none image-fit rounded-full"> | |||
<img | |||
alt="Midone Tailwind HTML Admin Template" | |||
alt="" | |||
class="rounded-full" | |||
:src="require(`@/assets/images/${faker.photos[0]}`)" | |||
/> | |||
@@ -117,7 +117,7 @@ | |||
> | |||
<div class="w-12 h-12 flex-none image-fit mr-1"> | |||
<img | |||
alt="Midone Tailwind HTML Admin Template" | |||
alt="" | |||
class="rounded-full" | |||
:src="require(`@/assets/images/${faker.photos[0]}`)" | |||
/> | |||
@@ -177,7 +177,7 @@ | |||
> | |||
<div class="w-12 h-12 flex-none image-fit mr-1"> | |||
<img | |||
alt="Midone Tailwind HTML Admin Template" | |||
alt="" | |||
class="rounded-full" | |||
:src="require(`@/assets/images/${$f()[0].photos[0]}`)" | |||
/> | |||
@@ -225,7 +225,7 @@ | |||
> | |||
<div class="w-12 h-12 flex-none image-fit mr-1"> | |||
<img | |||
alt="Midone Tailwind HTML Admin Template" | |||
alt="" | |||
class="rounded-full" | |||
:src="require(`@/assets/images/${$f()[1].photos[0]}`)" | |||
/> | |||
@@ -274,7 +274,7 @@ | |||
> | |||
<div class="w-12 h-12 flex-none image-fit mr-1"> | |||
<img | |||
alt="Midone Tailwind HTML Admin Template" | |||
alt="" | |||
class="rounded-full" | |||
:src="require(`@/assets/images/${$f()[2].photos[0]}`)" | |||
/> | |||
@@ -322,7 +322,7 @@ | |||
> | |||
<div class="w-12 h-12 flex-none image-fit mr-1"> | |||
<img | |||
alt="Midone Tailwind HTML Admin Template" | |||
alt="" | |||
class="rounded-full" | |||
:src="require(`@/assets/images/${$f()[3].photos[0]}`)" | |||
/> | |||
@@ -370,7 +370,7 @@ | |||
> | |||
<div class="w-12 h-12 flex-none image-fit mr-1"> | |||
<img | |||
alt="Midone Tailwind HTML Admin Template" | |||
alt="" | |||
class="rounded-full" | |||
:src="require(`@/assets/images/${$f()[4].photos[0]}`)" | |||
/> | |||
@@ -422,7 +422,7 @@ | |||
class="w-20 h-20 flex-none image-fit rounded-full overflow-hidden mx-auto" | |||
> | |||
<img | |||
alt="Midone Tailwind HTML Admin Template" | |||
alt="" | |||
:src="require(`@/assets/images/${$f()[0].photos[0]}`)" | |||
/> | |||
</div> | |||
@@ -483,7 +483,7 @@ | |||
class="w-10 h-10 sm:w-12 sm:h-12 flex-none image-fit relative" | |||
> | |||
<img | |||
alt="Midone Tailwind HTML Admin Template" | |||
alt="" | |||
class="rounded-full" | |||
:src="require(`@/assets/images/${$f()[0].photos[0]}`)" | |||
/> | |||
@@ -540,7 +540,7 @@ | |||
class="w-10 h-10 hidden sm:block flex-none image-fit relative mr-5" | |||
> | |||
<img | |||
alt="Midone Tailwind HTML Admin Template" | |||
alt="" | |||
class="rounded-full" | |||
:src="require(`@/assets/images/${$f()[0].photos[0]}`)" | |||
/> | |||
@@ -614,7 +614,7 @@ | |||
class="w-10 h-10 hidden sm:block flex-none image-fit relative ml-5" | |||
> | |||
<img | |||
alt="Midone Tailwind HTML Admin Template" | |||
alt="" | |||
class="rounded-full" | |||
:src="require(`@/assets/images/${$f()[1].photos[0]}`)" | |||
/> | |||
@@ -657,7 +657,7 @@ | |||
class="w-10 h-10 hidden sm:block flex-none image-fit relative ml-5" | |||
> | |||
<img | |||
alt="Midone Tailwind HTML Admin Template" | |||
alt="" | |||
class="rounded-full" | |||
:src="require(`@/assets/images/${$f()[1].photos[0]}`)" | |||
/> | |||
@@ -674,7 +674,7 @@ | |||
class="w-10 h-10 hidden sm:block flex-none image-fit relative mr-5" | |||
> | |||
<img | |||
alt="Midone Tailwind HTML Admin Template" | |||
alt="" | |||
class="rounded-full" | |||
:src="require(`@/assets/images/${$f()[0].photos[0]}`)" | |||
/> | |||
@@ -748,7 +748,7 @@ | |||
class="w-10 h-10 hidden sm:block flex-none image-fit relative ml-5" | |||
> | |||
<img | |||
alt="Midone Tailwind HTML Admin Template" | |||
alt="" | |||
class="rounded-full" | |||
:src="require(`@/assets/images/${$f()[1].photos[0]}`)" | |||
/> | |||
@@ -760,7 +760,7 @@ | |||
class="w-10 h-10 hidden sm:block flex-none image-fit relative mr-5" | |||
> | |||
<img | |||
alt="Midone Tailwind HTML Admin Template" | |||
alt="" | |||
class="rounded-full" | |||
:src="require(`@/assets/images/${$f()[0].photos[0]}`)" | |||
/> | |||
@@ -7564,7 +7564,7 @@ | |||
class="w-16 h-16 flex-none image-fit rounded-full overflow-hidden mx-auto" | |||
> | |||
<img | |||
alt="Midone Tailwind HTML Admin Template" | |||
alt="" | |||
:src="require(`@/assets/images/${$f()[0].photos[0]}`)" | |||
/> | |||
</div> | |||
@@ -78,7 +78,7 @@ | |||
<div class="w-10 h-10 image-fit zoom-in"> | |||
<Tippy | |||
tag="img" | |||
alt="Midone Tailwind HTML Admin Template" | |||
alt="" | |||
class="rounded-full" | |||
:src="require(`@/assets/images/${faker.images[0]}`)" | |||
:content="`Uploaded at ${faker.dates[0]}`" | |||
@@ -87,7 +87,7 @@ | |||
<div class="w-10 h-10 image-fit zoom-in -ml-5"> | |||
<Tippy | |||
tag="img" | |||
alt="Midone Tailwind HTML Admin Template" | |||
alt="" | |||
class="rounded-full" | |||
:src="require(`@/assets/images/${faker.images[1]}`)" | |||
:content="`Uploaded at ${faker.dates[0]}`" | |||
@@ -96,7 +96,7 @@ | |||
<div class="w-10 h-10 image-fit zoom-in -ml-5"> | |||
<Tippy | |||
tag="img" | |||
alt="Midone Tailwind HTML Admin Template" | |||
alt="" | |||
class="rounded-full" | |||
:src="require(`@/assets/images/${faker.images[2]}`)" | |||
:content="`Uploaded at ${faker.dates[0]}`" | |||
@@ -309,7 +309,7 @@ | |||
class="w-10 h-10 flex-none image-fit rounded-md overflow-hidden" | |||
> | |||
<img | |||
alt="Midone Tailwind HTML Admin Template" | |||
alt="" | |||
:src="require(`@/assets/images/${faker.photos[0]}`)" | |||
/> | |||
</div> | |||
@@ -441,7 +441,7 @@ | |||
<div class="w-10 h-10 image-fit zoom-in"> | |||
<Tippy | |||
tag="img" | |||
alt="Midone Tailwind HTML Admin Template" | |||
alt="" | |||
class="rounded-full" | |||
:src="require(`@/assets/images/${faker.images[0]}`)" | |||
:content="`Uploaded at ${faker.dates[0]}`" | |||
@@ -450,7 +450,7 @@ | |||
<div class="w-10 h-10 image-fit zoom-in -ml-5"> | |||
<Tippy | |||
tag="img" | |||
alt="Midone Tailwind HTML Admin Template" | |||
alt="" | |||
class="rounded-full" | |||
:src="require(`@/assets/images/${faker.images[1]}`)" | |||
:content="`Uploaded at ${faker.dates[1]}`" | |||
@@ -459,7 +459,7 @@ | |||
<div class="w-10 h-10 image-fit zoom-in -ml-5"> | |||
<Tippy | |||
tag="img" | |||
alt="Midone Tailwind HTML Admin Template" | |||
alt="" | |||
class="rounded-full" | |||
:src="require(`@/assets/images/${faker.images[2]}`)" | |||
:content="`Uploaded at ${faker.dates[2]}`" | |||
@@ -575,7 +575,7 @@ | |||
class="w-10 h-10 flex-none image-fit rounded-full overflow-hidden" | |||
> | |||
<img | |||
alt="Midone Tailwind HTML Admin Template" | |||
alt="" | |||
:src="require(`@/assets/images/${faker.photos[0]}`)" | |||
/> | |||
</div> | |||
@@ -622,7 +622,7 @@ | |||
class="w-10 h-10 flex-none image-fit rounded-full overflow-hidden" | |||
> | |||
<img | |||
alt="Midone Tailwind HTML Admin Template" | |||
alt="" | |||
:src="require(`@/assets/images/${$f()[9].photos[0]}`)" | |||
/> | |||
</div> | |||
@@ -643,7 +643,7 @@ | |||
class="w-10 h-10 flex-none image-fit rounded-full overflow-hidden" | |||
> | |||
<img | |||
alt="Midone Tailwind HTML Admin Template" | |||
alt="" | |||
:src="require(`@/assets/images/${$f()[8].photos[0]}`)" | |||
/> | |||
</div> | |||
@@ -664,7 +664,7 @@ | |||
:content="$f()[0].products[0].name" | |||
> | |||
<img | |||
alt="Midone Tailwind HTML Admin Template" | |||
alt="" | |||
class="rounded-md border border-white" | |||
:src="require(`@/assets/images/${$f()[8].images[0]}`)" | |||
/> | |||
@@ -675,7 +675,7 @@ | |||
:content="$f()[1].products[0].name" | |||
> | |||
<img | |||
alt="Midone Tailwind HTML Admin Template" | |||
alt="" | |||
class="rounded-md border border-white" | |||
:src="require(`@/assets/images/${$f()[8].images[1]}`)" | |||
/> | |||
@@ -686,7 +686,7 @@ | |||
:content="$f()[2].products[0].name" | |||
> | |||
<img | |||
alt="Midone Tailwind HTML Admin Template" | |||
alt="" | |||
class="rounded-md border border-white" | |||
:src="require(`@/assets/images/${$f()[8].images[2]}`)" | |||
/> | |||
@@ -704,7 +704,7 @@ | |||
class="w-10 h-10 flex-none image-fit rounded-full overflow-hidden" | |||
> | |||
<img | |||
alt="Midone Tailwind HTML Admin Template" | |||
alt="" | |||
:src="require(`@/assets/images/${$f()[7].photos[0]}`)" | |||
/> | |||
</div> | |||
@@ -731,7 +731,7 @@ | |||
class="w-10 h-10 flex-none image-fit rounded-full overflow-hidden" | |||
> | |||
<img | |||
alt="Midone Tailwind HTML Admin Template" | |||
alt="" | |||
:src="require(`@/assets/images/${$f()[6].photos[0]}`)" | |||
/> | |||
</div> | |||
@@ -8,7 +8,7 @@ | |||
> | |||
<div class="-intro-x lg:mr-20"> | |||
<img | |||
alt="Midone Tailwind HTML Admin Template" | |||
alt="" | |||
class="h-48 lg:h-auto" | |||
:src="require(`@/assets/images/error-illustration.svg`)" | |||
/> | |||
@@ -188,7 +188,7 @@ | |||
> | |||
<div class="file__icon--image__preview image-fit"> | |||
<img | |||
alt="Midone Tailwind HTML Admin Template" | |||
alt="" | |||
:src=" | |||
require(`@/assets/images/${$_.toLower( | |||
faker.files[0]['file_name'] | |||
@@ -54,7 +54,7 @@ | |||
</p> | |||
<div class="w-full h-64 my-5 image-fit"> | |||
<img | |||
alt="Midone Tailwind HTML Admin Template" | |||
alt="" | |||
:src="require(`@/assets/images/${$f()[0].images[0]}`)" | |||
data-action="zoom" | |||
class="w-full rounded-md" | |||
@@ -101,7 +101,7 @@ | |||
</p> | |||
<div class="w-3/5 h-64 mr-6 float-left image-fit"> | |||
<img | |||
alt="Midone Tailwind HTML Admin Template" | |||
alt="" | |||
:src="require(`@/assets/images/${$f()[0].images[1]}`)" | |||
data-action="zoom" | |||
class="w-full rounded-md" | |||
@@ -190,7 +190,7 @@ | |||
</p> | |||
<div class="w-full h-64 my-5 image-fit"> | |||
<img | |||
alt="Midone Tailwind HTML Admin Template" | |||
alt="" | |||
:src="require(`@/assets/images/${$f()[0].images[0]}`)" | |||
data-action="zoom" | |||
class="w-full rounded-md" | |||
@@ -237,7 +237,7 @@ | |||
</p> | |||
<div class="w-3/5 h-64 mr-6 float-left image-fit"> | |||
<img | |||
alt="Midone Tailwind HTML Admin Template" | |||
alt="" | |||
:src="require(`@/assets/images/${$f()[0].images[1]}`)" | |||
data-action="zoom" | |||
class="w-full rounded-md" | |||
@@ -314,7 +314,7 @@ | |||
</a> | |||
<div class="w-6 h-6 flex-none image-fit relative ml-5"> | |||
<img | |||
alt="Midone Tailwind HTML Admin Template" | |||
alt="" | |||
class="rounded-full" | |||
:src="require(`@/assets/images/${faker.photos[0]}`)" | |||
/> | |||
@@ -7,7 +7,7 @@ | |||
<div class="hidden xl:flex flex-col min-h-screen"> | |||
<a href="" class="-intro-x flex items-center pt-5"> | |||
<img | |||
alt="Midone Tailwind HTML Admin Template" | |||
alt="" | |||
class="w-6" | |||
:src="require(`@/assets/images/logo.svg`)" | |||
/> | |||
@@ -17,7 +17,7 @@ | |||
</a> | |||
<div class="my-auto"> | |||
<img | |||
alt="Midone Tailwind HTML Admin Template" | |||
alt="" | |||
class="-intro-x w-1/2 -mt-16" | |||
:src="require(`@/assets/images/illustration.svg`)" | |||
/> | |||
@@ -1172,7 +1172,7 @@ | |||
class="h-full image-fit rounded-md overflow-hidden" | |||
> | |||
<img | |||
alt="Midone Tailwind HTML Admin Template" | |||
alt="" | |||
:src=" | |||
require(`@/assets/images/${$f()[0].images[0]}`) | |||
" | |||
@@ -1184,7 +1184,7 @@ | |||
class="h-full image-fit rounded-md overflow-hidden" | |||
> | |||
<img | |||
alt="Midone Tailwind HTML Admin Template" | |||
alt="" | |||
:src=" | |||
require(`@/assets/images/${$f()[0].images[1]}`) | |||
" | |||
@@ -1196,7 +1196,7 @@ | |||
class="h-full image-fit rounded-md overflow-hidden" | |||
> | |||
<img | |||
alt="Midone Tailwind HTML Admin Template" | |||
alt="" | |||
:src=" | |||
require(`@/assets/images/${$f()[0].images[2]}`) | |||
" | |||
@@ -1208,7 +1208,7 @@ | |||
class="h-full image-fit rounded-md overflow-hidden" | |||
> | |||
<img | |||
alt="Midone Tailwind HTML Admin Template" | |||
alt="" | |||
:src=" | |||
require(`@/assets/images/${$f()[0].images[3]}`) | |||
" | |||
@@ -1255,7 +1255,7 @@ | |||
class="h-full image-fit rounded-md overflow-hidden" | |||
> | |||
<img | |||
alt="Midone Tailwind HTML Admin Template" | |||
alt="" | |||
:src=" | |||
require(`@/assets/images/${ | |||
$f()[0].images[0] | |||
@@ -1269,7 +1269,7 @@ | |||
class="h-full image-fit rounded-md overflow-hidden" | |||
> | |||
<img | |||
alt="Midone Tailwind HTML Admin Template" | |||
alt="" | |||
:src=" | |||
require(`@/assets/images/${ | |||
$f()[0].images[1] | |||
@@ -1283,7 +1283,7 @@ | |||
class="h-full image-fit rounded-md overflow-hidden" | |||
> | |||
<img | |||
alt="Midone Tailwind HTML Admin Template" | |||
alt="" | |||
:src=" | |||
require(`@/assets/images/${ | |||
$f()[0].images[2] | |||
@@ -1297,7 +1297,7 @@ | |||
class="h-full image-fit rounded-md overflow-hidden" | |||
> | |||
<img | |||
alt="Midone Tailwind HTML Admin Template" | |||
alt="" | |||
:src=" | |||
require(`@/assets/images/${ | |||
$f()[0].images[3] | |||
@@ -133,7 +133,7 @@ | |||
<div class="flex-none pos-image relative block"> | |||
<div class="pos-image__preview image-fit"> | |||
<img | |||
alt="Midone Tailwind HTML Admin Template" | |||
alt="" | |||
:src="require(`@/assets/images/${faker.foods[0].image}`)" | |||
/> | |||
</div> | |||
@@ -163,7 +163,7 @@ | |||
> | |||
<img | |||
class="rounded-md" | |||
alt="Midone Tailwind HTML Admin Template" | |||
alt="" | |||
:src="require(`@/assets/images/${faker.images[0]}`)" | |||
/> | |||
<Tippy | |||
@@ -209,7 +209,7 @@ | |||
<div class="w-6 h-6 absolute image-fit mr-3"> | |||
<img | |||
class="rounded" | |||
alt="Midone Tailwind HTML Admin Template" | |||
alt="" | |||
:src="require(`@/assets/images/${$f()[0].photos[0]}`)" | |||
/> | |||
</div> | |||
@@ -229,7 +229,7 @@ | |||
<div class="w-6 h-6 absolute image-fit mr-3"> | |||
<img | |||
class="rounded" | |||
alt="Midone Tailwind HTML Admin Template" | |||
alt="" | |||
:src="require(`@/assets/images/${faker.photos[0]}`)" | |||
/> | |||
</div> | |||
@@ -15,7 +15,7 @@ | |||
class="w-20 h-20 sm:w-24 sm:h-24 flex-none lg:w-32 lg:h-32 image-fit relative" | |||
> | |||
<img | |||
alt="Midone Tailwind HTML Admin Template" | |||
alt="" | |||
class="rounded-full" | |||
:src="require(`@/assets/images/${$f()[0].photos[0]}`)" | |||
/> | |||
@@ -344,7 +344,7 @@ | |||
<div class="relative flex items-center"> | |||
<div class="w-12 h-12 flex-none image-fit"> | |||
<img | |||
alt="Midone Tailwind HTML Admin Template" | |||
alt="" | |||
class="rounded-full" | |||
:src="require(`@/assets/images/${$f()[0].photos[0]}`)" | |||
/> | |||
@@ -362,7 +362,7 @@ | |||
<div class="relative flex items-center mt-5"> | |||
<div class="w-12 h-12 flex-none image-fit"> | |||
<img | |||
alt="Midone Tailwind HTML Admin Template" | |||
alt="" | |||
class="rounded-full" | |||
:src="require(`@/assets/images/${$f()[1].photos[0]}`)" | |||
/> | |||
@@ -380,7 +380,7 @@ | |||
<div class="relative flex items-center mt-5"> | |||
<div class="w-12 h-12 flex-none image-fit"> | |||
<img | |||
alt="Midone Tailwind HTML Admin Template" | |||
alt="" | |||
class="rounded-full" | |||
:src="require(`@/assets/images/${$f()[2].photos[0]}`)" | |||
/> | |||
@@ -15,7 +15,7 @@ | |||
class="w-20 h-20 sm:w-24 sm:h-24 flex-none lg:w-32 lg:h-32 image-fit relative" | |||
> | |||
<img | |||
alt="Midone Tailwind HTML Admin Template" | |||
alt="" | |||
class="rounded-full" | |||
:src="require(`@/assets/images/${$f()[0].photos[0]}`)" | |||
/> | |||
@@ -377,7 +377,7 @@ | |||
<div class="relative flex items-center"> | |||
<div class="w-12 h-12 flex-none image-fit"> | |||
<img | |||
alt="Midone Tailwind HTML Admin Template" | |||
alt="" | |||
class="rounded-full" | |||
:src="require(`@/assets/images/${$f()[0].photos[0]}`)" | |||
/> | |||
@@ -395,7 +395,7 @@ | |||
<div class="relative flex items-center mt-5"> | |||
<div class="w-12 h-12 flex-none image-fit"> | |||
<img | |||
alt="Midone Tailwind HTML Admin Template" | |||
alt="" | |||
class="rounded-full" | |||
:src="require(`@/assets/images/${$f()[1].photos[0]}`)" | |||
/> | |||
@@ -413,7 +413,7 @@ | |||
<div class="relative flex items-center mt-5"> | |||
<div class="w-12 h-12 flex-none image-fit"> | |||
<img | |||
alt="Midone Tailwind HTML Admin Template" | |||
alt="" | |||
class="rounded-full" | |||
:src="require(`@/assets/images/${$f()[2].photos[0]}`)" | |||
/> | |||
@@ -554,7 +554,7 @@ | |||
<div class="sm:mr-5"> | |||
<div class="w-20 h-20 image-fit"> | |||
<img | |||
alt="Midone Tailwind HTML Admin Template" | |||
alt="" | |||
class="rounded-full" | |||
:src="require(`@/assets/images/${faker.images[0]}`)" | |||
/> | |||
@@ -665,7 +665,7 @@ | |||
<div class="sm:mr-5"> | |||
<div class="w-20 h-20 image-fit"> | |||
<img | |||
alt="Midone Tailwind HTML Admin Template" | |||
alt="" | |||
class="rounded-full" | |||
:src="require(`@/assets/images/${faker.photos[0]}`)" | |||
/> | |||
@@ -12,7 +12,7 @@ | |||
<div class="relative flex items-center p-5"> | |||
<div class="w-12 h-12 image-fit"> | |||
<img | |||
alt="Midone Tailwind HTML Admin Template" | |||
alt="" | |||
class="rounded-full" | |||
:src="require(`@/assets/images/${$f()[0].photos[0]}`)" | |||
/> | |||
@@ -210,7 +210,7 @@ | |||
<div class="relative flex items-center"> | |||
<div class="w-12 h-12 flex-none image-fit"> | |||
<img | |||
alt="Midone Tailwind HTML Admin Template" | |||
alt="" | |||
class="rounded-full" | |||
:src="require(`@/assets/images/${$f()[0].photos[0]}`)" | |||
/> | |||
@@ -228,7 +228,7 @@ | |||
<div class="relative flex items-center mt-5"> | |||
<div class="w-12 h-12 flex-none image-fit"> | |||
<img | |||
alt="Midone Tailwind HTML Admin Template" | |||
alt="" | |||
class="rounded-full" | |||
:src="require(`@/assets/images/${$f()[1].photos[0]}`)" | |||
/> | |||
@@ -246,7 +246,7 @@ | |||
<div class="relative flex items-center mt-5"> | |||
<div class="w-12 h-12 flex-none image-fit"> | |||
<img | |||
alt="Midone Tailwind HTML Admin Template" | |||
alt="" | |||
class="rounded-full" | |||
:src="require(`@/assets/images/${$f()[2].photos[0]}`)" | |||
/> | |||
@@ -7,7 +7,7 @@ | |||
<div class="hidden xl:flex flex-col min-h-screen"> | |||
<a href="" class="-intro-x flex items-center pt-5"> | |||
<img | |||
alt="Midone Tailwind HTML Admin Template" | |||
alt="" | |||
class="w-6" | |||
:src="require(`@/assets/images/logo.svg`)" | |||
/> | |||
@@ -17,7 +17,7 @@ | |||
</a> | |||
<div class="my-auto"> | |||
<img | |||
alt="Midone Tailwind HTML Admin Template" | |||
alt="" | |||
class="-intro-x w-1/2 -mt-16" | |||
:src="require(`@/assets/images/illustration.svg`)" | |||
/> | |||
@@ -925,7 +925,7 @@ | |||
<div class="h-64 px-2"> | |||
<div class="h-full image-fit rounded-md overflow-hidden"> | |||
<img | |||
alt="Midone Tailwind HTML Admin Template" | |||
alt="" | |||
:src="require(`@/assets/images/${$f()[0].images[0]}`)" | |||
/> | |||
</div> | |||
@@ -933,7 +933,7 @@ | |||
<div class="h-64 px-2"> | |||
<div class="h-full image-fit rounded-md overflow-hidden"> | |||
<img | |||
alt="Midone Tailwind HTML Admin Template" | |||
alt="" | |||
:src="require(`@/assets/images/${$f()[1].images[1]}`)" | |||
/> | |||
</div> | |||
@@ -941,7 +941,7 @@ | |||
<div class="h-64 px-2"> | |||
<div class="h-full image-fit rounded-md overflow-hidden"> | |||
<img | |||
alt="Midone Tailwind HTML Admin Template" | |||
alt="" | |||
:src="require(`@/assets/images/${$f()[2].images[2]}`)" | |||
/> | |||
</div> | |||
@@ -978,7 +978,7 @@ | |||
class="h-full image-fit rounded-md overflow-hidden" | |||
> | |||
<img | |||
alt="Midone Tailwind HTML Admin Template" | |||
alt="" | |||
:src=" | |||
require(`@/assets/images/${$f()[0].images[0]}`) | |||
" | |||
@@ -990,7 +990,7 @@ | |||
class="h-full image-fit rounded-md overflow-hidden" | |||
> | |||
<img | |||
alt="Midone Tailwind HTML Admin Template" | |||
alt="" | |||
:src=" | |||
require(`@/assets/images/${$f()[1].images[1]}`) | |||
" | |||
@@ -1002,7 +1002,7 @@ | |||
class="h-full image-fit rounded-md overflow-hidden" | |||
> | |||
<img | |||
alt="Midone Tailwind HTML Admin Template" | |||
alt="" | |||
:src=" | |||
require(`@/assets/images/${$f()[2].images[2]}`) | |||
" | |||
@@ -234,15 +234,15 @@ export default { | |||
formatter(cell) { | |||
return `<div class="flex lg:justify-center"> | |||
<div class="intro-x w-10 h-10 image-fit"> | |||
<img alt="Midone Tailwind HTML Admin Template" class="rounded-full" src="${require("@/assets/images/" + | |||
<img alt="" class="rounded-full" src="${require("@/assets/images/" + | |||
cell.getData().images[0])}"> | |||
</div> | |||
<div class="intro-x w-10 h-10 image-fit -ml-5"> | |||
<img alt="Midone Tailwind HTML Admin Template" class="rounded-full" src="${require("@/assets/images/" + | |||
<img alt="" class="rounded-full" src="${require("@/assets/images/" + | |||
cell.getData().images[1])}"> | |||
</div> | |||
<div class="intro-x w-10 h-10 image-fit -ml-5"> | |||
<img alt="Midone Tailwind HTML Admin Template" class="rounded-full" src="${require("@/assets/images/" + | |||
<img alt="" class="rounded-full" src="${require("@/assets/images/" + | |||
cell.getData().images[2])}"> | |||
</div> | |||
</div>`; | |||
@@ -230,7 +230,7 @@ | |||
<div class="relative flex items-center py-1 text-left"> | |||
<div class="w-12 h-12 image-fit"> | |||
<img | |||
alt="Midone Tailwind HTML Admin Template" | |||
alt="" | |||
class="rounded-full" | |||
:src="require(`@/assets/images/${$f()[0].photos[0]}`)" | |||
/> | |||
@@ -278,7 +278,7 @@ | |||
<div class="relative flex items-center py-1 text-left"> | |||
<div class="w-12 h-12 image-fit"> | |||
<img | |||
alt="Midone Tailwind HTML Admin Template" | |||
alt="" | |||
class="rounded-full" | |||
:src=" | |||
require(`@/assets/images/${$f()[0].photos[0]}`) | |||
@@ -12,7 +12,7 @@ | |||
<div class="relative flex items-center p-5"> | |||
<div class="w-12 h-12 image-fit"> | |||
<img | |||
alt="Midone Tailwind HTML Admin Template" | |||
alt="" | |||
class="rounded-full" | |||
:src="require(`@/assets/images/${$f()[0].photos[0]}`)" | |||
/> | |||
@@ -166,7 +166,7 @@ | |||
> | |||
<img | |||
class="rounded-md" | |||
alt="Midone Tailwind HTML Admin Template" | |||
alt="" | |||
:src="require(`@/assets/images/${$f()[0].photos[0]}`)" | |||
/> | |||
<Tippy | |||
@@ -61,7 +61,7 @@ | |||
> | |||
<div class="w-24 h-24 lg:w-12 lg:h-12 image-fit lg:mr-1"> | |||
<img | |||
alt="Midone Tailwind HTML Admin Template" | |||
alt="" | |||
class="rounded-full" | |||
:src="require(`@/assets/images/${faker.photos[0]}`)" | |||
/> | |||
@@ -59,7 +59,7 @@ | |||
<div class="flex flex-col lg:flex-row items-center p-5"> | |||
<div class="w-24 h-24 lg:w-12 lg:h-12 image-fit lg:mr-1"> | |||
<img | |||
alt="Midone Tailwind HTML Admin Template" | |||
alt="" | |||
class="rounded-full" | |||
:src="require(`@/assets/images/${faker.photos[0]}`)" | |||
/> | |||
@@ -60,7 +60,7 @@ | |||
<div class="w-full flex flex-col lg:flex-row items-center"> | |||
<div class="w-16 h-16 image-fit"> | |||
<img | |||
alt="Midone Tailwind HTML Admin Template" | |||
alt="" | |||
class="rounded-md" | |||
:src="require(`@/assets/images/${faker.photos[0]}`)" | |||
/> | |||