valere/docker-website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

FEAT: v1

Browse Source
This commit is contained in:
prosety
2022-11-13 20:03:11 +01:00
parent 8d7ef80cc8
commit fc0803af46
22 changed files with 1102 additions and 321 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
src/components/demo.vue
View File

@@ -1,17 +1,33 @@
<script>
import Nextcloud from '../svg/apps/nextcloud.vue'
export default {
components: { Nextcloud },
}
</script>
<template>
<section>
<div class="bg-slate-900 rounded-xl w-72 h-56">
<section class="flex flex-col md:flex-row items-center justify-center mb-28">
<div class="bg-slate-900 rounded-xl w-4/5 md:w-96 h-56 md:z-10 -mb-8 md:-mb-0 max-w-full">
<div class="p-3 flex justify-between w-20">
<div class="bg-green-400 h-4 w-4 r-1 rounded-full"></div>
<div class="bg-yellow-300 h-4 w-4 r-1 rounded-full"></div>
<div class="bg-red-600 h-4 w-4 r-1 rounded-full"></div>
</div>
<div class="text-white font-mono p-4 pt-0">
$: pegaz up nextcloud
$: pegaz up nextcloud
<span class="w-2 h-4 bg-white inline-block animate-blink relative" />
</div>
</div>
<div class="bg-slate-400 rounded-2xl w-96 h-80">
<div class="bg-white"></div>
<div class="bg-slate-400 flex flex-col items-center rounded-2xl w-full md:w-2/4 md:min-w-fit h-80 md:-ml-8 md:z-0">
<div class="bg-white inline-block rounded-2xl px-4 py-1 m-4 w-4/6">
<span class="text-gray-400">
https://
</span>
domain.com
</div>
<div class="bg-white w-full h-full flex justify-center items-center group">
<Nextcloud class="w-20 bg-black bg-opacity-10 inline-block rounded-xl p-4 cursor-pointer scale-0 group-hover:scale-100 transition-transform" />
</div>
</div>
</section>
</template>