-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
8c3a0f2
commit e4c3e1d
Showing
8 changed files
with
149 additions
and
8 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,65 @@ | ||
| <template> | ||
| <div> | ||
| <TransitionRoot as="template" :show="visible"> | ||
| <Dialog class="relative z-50" @close="emit('close')"> | ||
| <TransitionChild | ||
| as="template" | ||
| enter="ease-out duration-300" | ||
| enter-from="opacity-0" | ||
| enter-to="opacity-100" | ||
| leave="ease-in duration-200" | ||
| leave-from="opacity-100" | ||
| leave-to="opacity-0" | ||
| > | ||
| <div class="fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity" /> | ||
| </TransitionChild> | ||
|
|
||
| <div class="fixed inset-0 z-10 w-screen overflow-y-auto"> | ||
| <div | ||
| class="flex min-h-full items-end justify-center p-4 text-center sm:items-center sm:p-0" | ||
| > | ||
| <TransitionChild | ||
| as="template" | ||
| enter="ease-out duration-300" | ||
| enter-from="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" | ||
| enter-to="opacity-100 translate-y-0 sm:scale-100" | ||
| leave="ease-in duration-200" | ||
| leave-from="opacity-100 translate-y-0 sm:scale-100" | ||
| leave-to="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" | ||
| > | ||
| <DialogPanel | ||
| class="relative transform overflow-hidden rounded-lg bg-white px-4 pb-4 pt-5 text-left shadow-xl transition-all sm:my-8 sm:w-full sm:max-w-lg sm:p-6" | ||
| > | ||
| <div class="absolute right-0 top-0 hidden pr-4 pt-4 sm:block"> | ||
| <button | ||
| type="button" | ||
| class="rounded-md bg-white text-gray-400 hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2" | ||
| @click="emit('close')" | ||
| > | ||
| <span class="sr-only">Close</span> | ||
| <XMarkIcon class="h-6 w-6" aria-hidden="true" /> | ||
| </button> | ||
| </div> | ||
| <div class="sm:flex sm:items-start"> | ||
| <div class="mt-3 text-center sm:ml-4 sm:mt-0 sm:text-left"> | ||
| <div class="mt-2"> | ||
| <slot></slot> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </DialogPanel> | ||
| </TransitionChild> | ||
| </div> | ||
| </div> | ||
| </Dialog> | ||
| </TransitionRoot> | ||
| </div> | ||
| </template> | ||
|
|
||
| <script setup lang="ts"> | ||
| import { Dialog, DialogPanel, TransitionChild, TransitionRoot } from '@headlessui/vue'; | ||
| import { XMarkIcon } from '@heroicons/vue/24/outline'; | ||
| defineProps<{ visible: boolean; }>(); | ||
| const emit = defineEmits(['close']); | ||
| </script> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,53 @@ | ||
| <template> | ||
| <div> | ||
| <modal :visible="visible" @close="visible = false"> | ||
| <div class="font-light"> | ||
| <h3 class="text-lg font-semibold leading-6 text-gray-900">About</h3> | ||
| <div class="mb-2"> | ||
| <h4 class="text-base font-bold leading-6 text-gray-800">Content and Service</h4> | ||
| <p>Service provided by podlove.org, represented by</p> | ||
| <ul class="mb-2 list-disc ml-4"> | ||
| <li>Martin Fischer</li> | ||
| <li>Alexander Heimbuch</li> | ||
| <li>Eric Teubert</li> | ||
| <li>Dirk Schumann</li> | ||
| </ul> | ||
|
|
||
| <p> | ||
| Responsible for the content according to § 55 Abs. 2 RStV: Eric Teubert<br /> | ||
| Hafenstr. 5C<br /> | ||
| 04179 Leipzig<br /> | ||
| </p> | ||
| </div> | ||
| <div class="mb-2"> | ||
| <h4 class="text-base font-bold leading-6 text-gray-800">Contact</h4> | ||
| <p>Mail: [email protected]</p> | ||
| </div> | ||
| <div class="mb-2"> | ||
| <h4 class="text-base font-bold leading-6 text-gray-800">Privacy and Data Protection</h4> | ||
| <p> | ||
| This service is hosted in Germany, we don't collect or store any information, neither do | ||
| we send any of your data to other services. | ||
| </p> | ||
| </div> | ||
| <div class="mb-2"> | ||
| <h4 class="text-base font-bold leading-6 text-gray-800">Resources</h4> | ||
| <p> | ||
| Illustrations by | ||
| <a class="text-blue-400 hover:text-blue-500" href="https://storyset.com">storyset</a> | ||
| </p> | ||
| </div> | ||
| </div> | ||
| </modal> | ||
| <button class="absolute right-2" @click="visible = true"> | ||
| <InformationCircleIcon class="w-6 text-gray-500 hover:text-gray-700" /> | ||
| </button> | ||
| </div> | ||
| </template> | ||
| <script setup lang="ts"> | ||
| import { ref } from 'vue'; | ||
| import { InformationCircleIcon } from '@heroicons/vue/24/outline'; | ||
| import Modal from '../../../components/modal/Modal.vue'; | ||
| const visible = ref(false); | ||
| </script> |
This file was deleted.
Oops, something went wrong.