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