Mirroring/merakiui
1
0
Fork 0
mirror of https://github.com/bakateam/merakiui.git synced 2025-12-08 14:43:23 +00:00
Code Issues Projects Releases Wiki Activity

Add carbon ads to components page

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

8
pages/components.vue
View File

@@ -49,13 +49,7 @@
</div> </div>
<section class="flex justify-center mb-16"> <section class="flex justify-center mb-16">
<div class="group"> <carbon-ads></carbon-ads>
<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>
</section> </section>
<section v-for="category in list" :key="category.name"> <section v-for="category in list" :key="category.name">

2
pages/index.vue
View File

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