32 lines
1 KiB
Vue
32 lines
1 KiB
Vue
<template>
|
|
<div class="flex col medium-gap calendar-connection">
|
|
<a href="https://nextcloud.com" class="connection-link flex align-center">
|
|
<span class="title flex1">Ppscloud</span>
|
|
<el-icon><ArrowRight /></el-icon>
|
|
</a>
|
|
<a href="https://nextcloud.com" class="connection-link flex align-center">
|
|
<span class="title flex1">Google Calendar</span>
|
|
<el-icon><ArrowRight /></el-icon>
|
|
</a>
|
|
<a href="https://nextcloud.com" class="connection-link flex align-center">
|
|
<span class="title flex1">Outlook</span>
|
|
<el-icon><ArrowRight /></el-icon>
|
|
</a>
|
|
<a href="https://nextcloud.com" class="connection-link flex align-center">
|
|
<span class="title flex1">Generic caldav</span>
|
|
<el-icon><ArrowRight /></el-icon>
|
|
</a>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup>
|
|
import { ArrowRight } from "@element-plus/icons-vue";
|
|
</script>
|
|
|
|
<style scoped>
|
|
.connection-link {
|
|
padding: 0.5rem;
|
|
border: 1px solid var(--el-border-color);
|
|
color: var(--el-color-primary);
|
|
}
|
|
</style>
|