Use pre tag for the paste content and wrap appropriately

Signed-off-by: baalajimaestro <me@baalajimaestro.me>
This commit is contained in:
baalajimaestro 2022-12-21 21:00:42 +05:30
parent b5efd31fdd
commit 3a9e8390fe
Signed by: baalajimaestro
GPG key ID: F93C394FE9BBAFD5

View file

@ -13,6 +13,14 @@
body { body {
font-family: 'Inter'; font-family: 'Inter';
} }
pre {
overflow-x: auto;
white-space: pre-wrap;
white-space: -moz-pre-wrap;
white-space: -pre-wrap;
white-space: -o-pre-wrap;
word-wrap: break-word;
}
</style> </style>
<script> <script>
document.addEventListener('DOMContentLoaded', (event) => { document.addEventListener('DOMContentLoaded', (event) => {
@ -26,7 +34,7 @@ document.addEventListener('DOMContentLoaded', (event) => {
Obsolute Paste Obsolute Paste
</h2> </h2>
{% block content %} {% block content %}
<p <pre
class=" class="
w-10/12 w-10/12
text-gray-100 text-gray-100
@ -36,7 +44,7 @@ document.addEventListener('DOMContentLoaded', (event) => {
p-2 p-2
" "
id="pastecontent" id="pastecontent"
>{{paste_content}}</p> >{{paste_content}}</pre>
{% endblock content %} {% endblock content %}
</div> </div>
<br/> <br/>