💫 Updated Support us section
This commit is contained in:
@@ -51,17 +51,14 @@
|
|||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<a
|
<button
|
||||||
href="https://opencollective.com/postwoman"
|
class="icon"
|
||||||
target="_blank"
|
@click="showSupport = true"
|
||||||
rel="noopener"
|
|
||||||
v-close-popover
|
v-close-popover
|
||||||
>
|
>
|
||||||
<button class="icon">
|
<i class="material-icons">favorite</i>
|
||||||
<i class="material-icons">favorite</i>
|
<span>Support us</span>
|
||||||
<span>Donate</span>
|
</button>
|
||||||
</button>
|
|
||||||
</a>
|
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<button
|
<button
|
||||||
@@ -273,6 +270,61 @@
|
|||||||
</div>
|
</div>
|
||||||
<div slot="footer"></div>
|
<div slot="footer"></div>
|
||||||
</modal>
|
</modal>
|
||||||
|
<modal v-if="showSupport" @close="showSupport = false">
|
||||||
|
<div slot="header">
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<div class="flex-wrap">
|
||||||
|
<h3 class="title">Support us on</h3>
|
||||||
|
<div>
|
||||||
|
<button class="icon" @click="showSupport = false">
|
||||||
|
<i class="material-icons">close</i>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div slot="body">
|
||||||
|
<div>
|
||||||
|
<a
|
||||||
|
href="https://opencollective.com/postwoman"
|
||||||
|
target="_blank"
|
||||||
|
rel="noopener"
|
||||||
|
>
|
||||||
|
<button class="icon">
|
||||||
|
<i class="material-icons">favorite</i>
|
||||||
|
<span>Open Collective</span>
|
||||||
|
</button>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<a
|
||||||
|
href="https://www.paypal.me/liyascthomas"
|
||||||
|
target="_blank"
|
||||||
|
rel="noopener"
|
||||||
|
>
|
||||||
|
<button class="icon">
|
||||||
|
<i class="material-icons">favorite</i>
|
||||||
|
<span>PayPal</span>
|
||||||
|
</button>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<a
|
||||||
|
href="https://www.patreon.com/liyasthomas"
|
||||||
|
target="_blank"
|
||||||
|
rel="noopener"
|
||||||
|
>
|
||||||
|
<button class="icon">
|
||||||
|
<i class="material-icons">favorite</i>
|
||||||
|
<span>Patreon</span>
|
||||||
|
</button>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div slot="footer"></div>
|
||||||
|
</modal>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
@@ -304,7 +356,8 @@ export default {
|
|||||||
// prompt.
|
// prompt.
|
||||||
showInstallPrompt: null,
|
showInstallPrompt: null,
|
||||||
version: {},
|
version: {},
|
||||||
showShortcuts: false
|
showShortcuts: false,
|
||||||
|
showSupport: false
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user