mirror of
https://github.com/ArthurDanjou/ui.git
synced 2026-01-14 20:19:34 +01:00
51 lines
1.1 KiB
Vue
51 lines
1.1 KiB
Vue
<script setup lang="ts">
|
|
const el = ref<HTMLDivElement | null>(null)
|
|
|
|
onMounted(() => {
|
|
if (!el.value) {
|
|
return
|
|
}
|
|
|
|
const script = document.createElement('script')
|
|
script.setAttribute('type', 'text/javascript')
|
|
script.setAttribute('src', 'https://cdn.carbonads.com/carbon.js?serve=CWYIVK3E&placement=uinuxtcom')
|
|
script.setAttribute('id', '_carbonads_js')
|
|
|
|
el.value?.appendChild(script)
|
|
})
|
|
</script>
|
|
|
|
<template>
|
|
<div ref="el" class="carbon" />
|
|
</template>
|
|
|
|
<style scoped>
|
|
@reference "../assets/css/main.css";
|
|
|
|
.carbon :deep(#carbonads) {
|
|
@apply relative border border-(--ui-border) rounded-md hover:bg-(--ui-bg-elevated)/50 w-full transition-colors min-h-[220px] p-2;
|
|
|
|
.carbon-img {
|
|
@apply flex justify-center w-full;
|
|
|
|
& > img {
|
|
@apply !max-w-full w-full rounded-sm;
|
|
}
|
|
}
|
|
|
|
.carbon-text {
|
|
@apply text-sm text-(--ui-text-muted) transition-colors text-center text-pretty flex pt-2;
|
|
}
|
|
|
|
.carbon-poweredby {
|
|
@apply block text-xs text-center text-(--ui-text-muted) pt-2;
|
|
}
|
|
|
|
&:hover {
|
|
.carbon-text {
|
|
@apply text-(--ui-text);
|
|
}
|
|
}
|
|
}
|
|
</style>
|