octospacc/TelegramIndex-Fork
1
0
Fork 0
mirror of https://gitlab.com/octospacc/TelegramIndex-Fork.git synced 2025-06-05 22:09:12 +02:00
Code Issues Packages Projects Releases Wiki Activity

Revert to use flex style instead of grid

Browse Source
This commit is contained in:
RedoX
2021-06-27 08:35:48 +00:00
parent 1d4eeeccee
commit bb668de025
3 changed files with 6 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

0
app/templates/icons/logout.png → app/icons/logout.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 20 KiB

After

Width:  |  Height:  |  Size: 20 KiB

0
app/templates/icons/sun.png → app/icons/sun.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.9 KiB

After

Width:  |  Height:  |  Size: 2.9 KiB

7
app/templates/home.html
View File

@@ -5,11 +5,12 @@
</h1> </h1>
<div class="mx-auto my-1 p-1 w-full"> <div class="mx-auto my-1 p-1 w-full">
<div class="px-2 sm:px-4 md:px-6 lg:px-8 grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 gap-3 text-center break-words"> <div class="flex flex-wrap gap-4 justify-center w-full">
{% for chat in chats %} {% for chat in chats %}
<a title="{{chat.name}}" href="/{{chat.page_id}}" class="p-2 rounded shadow hover:shadow-md hover:border hover:border-blue-300 hover:bg-blue-100 dark:bg-red-700 dark:hover:bg-red-500"> <a title="{{chat.name}}" href="/{{chat.page_id}}"
class="justify-items-center min-h-full w-5/12 sm:w-1/4 md:w-1/5 lg:w-1/6 rounded p-2 text-center break-words shadow hover:shadow-md hover:bg-blue-100 dark:bg-red-700 dark:hover:bg-red-500">
<img src="/{{chat.page_id}}/logo?big=1" class="w-full rounded-full "> <img src="/{{chat.page_id}}/logo?big=1" class="w-full rounded-full">
<div class="p-1 mt-2 rounded text-white bg-blue-500 dark:bg-yellow-500">{{chat.name}}</div> <div class="p-1 mt-2 rounded text-white bg-blue-500 dark:bg-yellow-500">{{chat.name}}</div>
</a> </a>