1
0
mirror of https://github.com/amir20/dozzle.git synced 2025-12-21 21:33:18 +01:00
Files
dozzle/docs/src/components/Hero.vue
Amir Raminfar 5abf538cb4 Updates docs
2023-02-28 11:48:43 -08:00

27 lines
868 B
Vue

<script setup></script>
<template>
<div p="x-4 lg:y-20" m="b-4" text="gray-700 dark:gray-200">
<div grid="~ lg:cols-3 lg:gap-8" h-full mx-auto>
<div flex="~ col" text="center" p="x-4">
<h1 text-4xl font-light m="t-8 lg:y-auto">
<span font-playfair>Dozzle</span> is a modern log viewer for Docker providing efficient and intuitive ways to
view and search logs from containers
</h1>
</div>
<div grid="lg:col-span-2" flex m="t-8 lg:t-0">
<div my-auto>
<browser-window>
<video muted loop autoplay playsinline>
<source src="../media/dozzle.webm" type="video/webm" />
<source src="../media/dozzle.mp4" type="video/mp4" />
</video>
</browser-window>
</div>
</div>
</div>
</div>
</template>
<style scoped></style>