'invite bot' warning alert is mobile friendly

This commit is contained in:
Corban-Lee Jones 2024-09-17 10:32:32 +01:00
parent 9cd020468f
commit 55fd075c1d

View File

@ -66,14 +66,21 @@
</div>
<div id="serverJoinAlert" class="col-12 m-0">
<div class="px-3 mt-4 mx-2 alert alert-warning fade show rounded-1 d-flex align-items-center flex-wrap"> <!-- continue here, mobile support -->
<div class="me-4">
<strong>Warning:</strong>
The Bot isn't a member of
<span class="resolve-to-server-name"></span>,
features here will not function properly, please add the bot before proceeding.
<div class="alert alert-warning rounded-1 px-3 mt-4 mx-2">
<div class="row">
<div class="col-xxl-10 d-flex align-items-center">
<div class="mb-4 mb-xxl-0">
<strong>Warning:</strong>
<br class="d-xxl-none">
The Bot isn't a member of
<span class="resolve-to-server-name"></span>,
features here will not function properly, please add the bot before proceeding.
</div>
</div>
<div class="col-xxl-2 text-xxl-end">
<a class="btn btn-warning rounded-1 text-nowrap resolve-to-invite-link" target="_blank">Add PYRSS</a>
</div>
</div>
<a class="ms-auto btn btn-warning rounded-1 text-nowrap resolve-to-invite-link" target="_blank">Add PYRSS</a>
</div>
</div>