beenull
/
merakiui
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add carbon ads to components page

This commit is contained in:
khatabwedaa 2022-06-02 13:12:41 +02:00
parent c16575a838
commit 467cecff3b
3 changed files with 4 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
components/CarbonAds.vue
View File

@ -32,7 +32,7 @@ export default {
#carbonads {
display: flex;
max-width: 330px;
background-color: #1e293b;
background-color: #ffffff;
box-shadow: 0 1px 4px 1px hsla(0, 0%, 0%, 0.1);
z-index: 100;
border-radius: .3rem;
@ -71,7 +71,7 @@ export default {
#carbonads .carbon-poweredby {
display: block;
padding: 6px 8px;
background: #000000;
background: #dbdbdb;
text-align: center;
text-transform: uppercase;
letter-spacing: 0.5px;

8
pages/components.vue
View File

@ -49,13 +49,7 @@
</div>
<section class="flex justify-center mb-16">
<div class="group">
<a target="_blank" href="https://tailgrids.com/?ref=merakiui" class="relative flex items-center max-w-sm p-2 space-x-4 overflow-hidden transition-colors duration-700 transform border border-gray-100 rounded-md group-hover:bg-blue-500">
<img class="h-20 rounded-md" src="https://cdn.tailgrids.com/meraki-tg.svg" alt="">
<h4 class="text-gray-600 group-hover:text-white">Tailwind CSS Components & Templates for Startup and SaaS and Business Sites</h4>
<span class="absolute bottom-0 right-0 px-2 py-1 text-xs text-white bg-blue-500 rounded-tl-md">ADS</span>
</a>
</div>
<carbon-ads></carbon-ads>
</section>
<section v-for="category in list" :key="category.name">

2
pages/index.vue
View File

@ -38,7 +38,7 @@
</a>
</div>
<div class="flex justify-center">
<div class="flex justify-center text-gray-800">
<carbon-ads class="mt-10"></carbon-ads>
</div>
</div>