forked from rDrama/rDrama
1
0
Fork 0
master
kek7198 2021-12-21 20:47:07 -06:00
parent 70446dd7e2
commit 9fddbd8410
3 changed files with 20 additions and 27 deletions

View File

@ -3,36 +3,29 @@
<div class="modal fade modal-sm-bottom" id="deletePostModal" tabindex="-1" role="dialog" aria-labelledby="deletePostModalTitle" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header d-none d-md-flex">
<h5 class="modal-title">Delete post?</h5>
<div class="modal-header">
<h5 class="font-bold text-xl font-heading leading-normal">Delete post</h5>
<button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
<span aria-hidden="true"><i class="far fa-times"></i></span>
</button>
</div>
<div class="modal-body text-center">
<div class="py-4">
<i class="fad fa-trash-alt text-muted d-none d-md-block" style="font-size: 3.5rem;"></i>
<i class="fad fa-trash-alt text-lg text-gray-400 hidden md:block"></i>
</div>
<div class="h4 d-md-none">Delete post?</div>
<p class="d-none d-md-block">Your post will be removed everywhere on {{'SITE_NAME' | app_config}}. This action can be undone.</p>
<p class="text-muted d-md-none">Your post will be removed everywhere on {{'SITE_NAME' | app_config}}. This action can be undone.</p>
<div class="d-md-none">
<button type="button" id="deletePostButton-mobile" class="btn btn-danger btn-block btn-lg">Delete post</button>
<button type="button" class="btn btn-secondary btn-block btn-lg" data-bs-dismiss="modal">Cancel</button>
<div class="h4 md:hidden">Delete post?</div>
<p class="hidden md:block">Your post will be removed everywhere on {{'SITE_NAME' | app_config}}. This action can be undone.</p>
<p class="text-gray-400 md:hidden">
Your post will be removed everywhere on {{'SITE_NAME' | app_config}}. This action can be undone.
</p>
<div class="md:hidden">
<button type="button" id="deletePostButton-mobile" class="btn btn-red">Delete post</button>
<button type="button" class="btn btn-gray" data-bs-dismiss="modal">Cancel</button>
</div>
</div>
<div class="modal-footer d-none d-md-flex">
<button type="button" class="btn btn-link text-muted" data-bs-dismiss="modal">Cancel</button>
<button type="button" id="deletePostButton" class="btn btn-danger">Delete post</button>
<div class="hidden md:flex justify-end space-x-2 border-t border-gray-300 dark:border-gray-800 p-4">
<button type="button" class="px-4 py-2 text-sm font-bold text-gray-500 hover:text-gray-400" data-bs-dismiss="modal">Cancel</button>
<button type="button" id="deletePostButton" class="btn btn-red">Delete post</button>
</div>
</div>
</div>

View File

@ -17,7 +17,7 @@
<button type="button" class="px-4 py-2 text-sm font-bold text-gray-500 hover:text-gray-700" data-bs-dismiss="modal">
Cancel
</button>
<button type="button" id="reportCommentButton" class="block px-4 py-2 bg-gradient-to-t from-red-700 to-red-600 hover:from-red-600 hover:to-red-700 active:shadow-inner border border-red-900 rounded-md text-shadow-t shadow-inset-t-white-10 text-sm font-bold text-gray-100 focus:text-gray-400 focus:outline-none">
<button type="button" id="reportCommentButton" class="btn btn-red">
Report comment
</button>
</div>

View File

@ -2,9 +2,9 @@
<div class="modal fade" id="reportPostModal" tabindex="-1" role="dialog" aria-labelledby="reportPostModalTitle" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered mx-auto max-w-xl" role="document">
<div class="modal-content mx-auto max-w-xl bg-gray-100 rounded-md shadow-lg">
<div class="modal-content mx-auto max-w-xl bg-gray-100 dark:bg-gray-700 rounded-md shadow-lg">
<div class="modal-header">
<h5 class="font-bold text-xl text-black font-heading leading-normal">Report post</h5>
<h5 class="font-bold text-xl font-heading leading-normal">Report post</h5>
<button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
<span aria-hidden="true"><i class="far fa-times"></i></span>
</button>
@ -15,11 +15,11 @@
<small class="text-gray-500">Please enter a reason for reporting below.</small>
<input maxlength="100" id="reason" class="mt-3 form-input" placeholder="e.g. this post violates community standards">
</div>
<div class="flex justify-end space-x-2 border-t border-gray-300 p-4">
<div class="flex justify-end space-x-2 border-t border-gray-300 dark:border-gray-800 p-4">
<button type="button" class="px-4 py-2 text-sm font-bold text-gray-500 hover:text-gray-700" data-bs-dismiss="modal">
Cancel
</button>
<button type="button" id="reportPostButton" class="block px-4 py-2 bg-gradient-to-t from-red-700 to-red-600 hover:from-red-600 hover:to-red-700 active:shadow-inner border border-red-900 rounded-md text-shadow-t shadow-inset-t-white-10 text-sm font-bold text-gray-100 focus:text-gray-400 focus:outline-none">
<button type="button" id="reportPostButton" class="btn btn-red">
Report post
</button>
</div>
@ -29,7 +29,7 @@
<div class="font-bold text-lg leading-normal">Thank you for reporting this post!</div>
<small class="text-gray-500">By the power of the mop, our internet janitors will take it from here.</small>
</div>
<div class="flex justify-end space-x-2 border-t border-gray-400 p-4">
<div class="flex justify-end space-x-2 border-t border-gray-300 dark:border-gray-800 p-4">
<button type="button" class="px-4 py-2 text-sm font-bold text-gray-500 hover:text-gray-400" data-bs-dismiss="modal">
Close
</button>