Added mobile friendly ads & ads (#161)

* Fix spacing issues on mobile

* Added back linting on modules directory.
Please don't look at the dirty fixes :x

* Add support for responsive ads.

* Add lazy loading of images.
This commit is contained in:
Redblueflame
2021-04-15 15:48:33 +02:00
committed by GitHub
parent 28092d6862
commit 0bda636113
15 changed files with 289 additions and 229 deletions

View File

@@ -120,12 +120,14 @@ export default {
margin-top: 1rem;
}
.actions {
margin-top: 1.5rem;
margin-top: 1rem;
margin-right: -0.5rem;
display: flex;
flex-direction: row;
justify-content: flex-end;
flex-wrap: wrap;
.btn {
margin-top: 0.5rem;
margin-right: 0.5rem;
}
}

View File

@@ -64,7 +64,7 @@
></pagination>
</section>
<div class="results column-grow-4">
<Advertisement ad-unit="banner" size="728x90,468x60" />
<Advertisement type="banner" small-screen="square" />
<div v-if="results === null" class="no-results">
<p>Loading...</p>
</div>
@@ -283,7 +283,7 @@
@input="toggleLicense"
/>
</div>
<Advertisement ad-unit="square" size="250x250,200x200" />
<Advertisement type="square" small-screen="destroy" />
<m-footer class="footer" hide-small />
</section>
</div>

View File

@@ -55,11 +55,11 @@
</div>
</div>
</div>
<Advertisement ad-unit="square" size="250x250,200x200" />
<Advertisement type="square" small-screen="square" />
<m-footer class="footer" hide-small />
</div>
<div class="content">
<Advertisement ad-unit="banner" size="728x90,468x60" />
<Advertisement type="banner" small-screen="destroy" />
<div class="mods">
<SearchResult
v-for="result in mods"