anatolykopyl/vue-three-d-mockup

mirror of https://github.com/anatolykopyl/vue-three-d-mockup.git synced 2026-03-26 12:55:08 +00:00

Files

anatolykopyl 2b8e9f6a98 Added vitepress docs

2022-07-24 14:42:10 +03:00

1.3 KiB

Raw Blame History

layout

layout
home

<script setup> import Mockup from '../src/Mockup.vue' import screenImage from './assets/screen.png'; </script>

Vue 3D Mockup

Create interactive 3D mockups with ease.

<style scoped> main { text-align: center; } .mockup { max-width: 600px; height: 500px; margin: auto; } .heading { font-size: 42px; line-height: 1.2; padding: 32px; font-weight: bold; color: var(--vp-c-brand); } .tagline { font-size: 24px; padding: 16px; } .buttons { padding: 32px; } .buttons__button { display: inline-block; padding: 8px 16px; border-radius: 4px; background-color: var(--vp-c-brand); border: 1px solid var(--vp-c-brand); color: var(--vp-c-white); text-decoration: none; font-size: 16px; margin: 0 8px; } .buttons__button--secondary { background-color: var(--vp-c-gray-light-4); color: var(--vp-c-black); border: 1px solid var(--vp-c-divider-light-2); } </style>