ui tweeks
This commit is contained in:
parent
570727d699
commit
a0ff49e8df
|
@ -13,7 +13,7 @@
|
|||
</head>
|
||||
<body>
|
||||
|
||||
<div class="m-auto w-full xl:max-w-screen-xl">
|
||||
<div class="m-auto w-full xl:max-w-screen-xl min-h-screen">
|
||||
|
||||
<header class="bg-red-600 text-white mb-2 p-4">
|
||||
<a href="/" class="text-left text-xl lg:text-2xl xl:text-3xl"> Telegram Index </a>
|
||||
|
|
|
@ -3,10 +3,10 @@
|
|||
<h1 class=" my-2 text-2xl text-center font-bold text-green-400">
|
||||
Available Sources
|
||||
</h1>
|
||||
<div class="mx-auto my-2 p-2 w-full break-words">
|
||||
<div class="block md:flex flex-wrap justify-center w-full">
|
||||
<div class="mx-auto my-2 p-2 w-full">
|
||||
<div class="block md:flex md:flex-wrap md:justify-center md:content-center md:items-center w-full text-center break-words">
|
||||
{% for chat in chats %}
|
||||
<li class="w-full md:w-2/5 lg:w-1/4 border border-blue-300 rounded bg-blue-100 hover:bg-blue-200 p-3 my-3 md:mx-1 shadow-md"> <a href="/{{chat.id}}" > {{chat.name}} </a> </li>
|
||||
<div class="w-full h-full md:w-2/5 lg:w-1/4 border border-blue-300 rounded bg-blue-100 hover:bg-blue-200 p-4 my-2 md:mx-1 shadow-md transition ease-in duration-150"> <a href="/{{chat.id}}" > {{chat.name}} </a> </div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
@ -8,7 +8,7 @@
|
|||
|
||||
<div class="my-2">
|
||||
<form class="">
|
||||
<input class="border rounded-full px-4 py-2 border-indigo-500 placeholder-indigo-500 text-indigo-500" type="text" name="search" value="{% if search %}{{search}}{% endif %}" placeholder="search...">
|
||||
<input class="border rounded-full px-4 py-2 border-indigo-500 placeholder-indigo-500 text-indigo-500 outline-none" type="text" name="search" value="{% if search %}{{search}}{% endif %}" placeholder="search...">
|
||||
</form>
|
||||
</div>
|
||||
|
||||
|
@ -21,7 +21,7 @@
|
|||
<tr class="border-t border-b bg-gray-200 border-gray-300 my-2 p-4">
|
||||
<th class="my-2 p-2 hidden md:table-cell">Media</th>
|
||||
<th class="my-2 p-2 hidden md:table-cell">Type</th>
|
||||
<th class="my-2 p-2">Description</th>
|
||||
<th class="my-2 p-2">Item description</th>
|
||||
<th class="my-2 p-2 hidden md:table-cell">DateTime</th>
|
||||
<th class="my-2 p-2 hidden md:table-cell">Size</th>
|
||||
</tr>
|
||||
|
@ -30,7 +30,7 @@
|
|||
<tbody>
|
||||
|
||||
{% for item in item_list %}
|
||||
<tr class="border-t border-b border-gray-300 my-4 p-4 rounded hover:bg-blue-100">
|
||||
<tr id="{{item.file_id}}" class="border-t border-b border-gray-300 my-4 p-4 rounded hover:bg-blue-100">
|
||||
<td class="my-2 p-2 hidden md:table-cell">{{item.media}}</td>
|
||||
<td class="my-2 p-2 hidden md:table-cell">{{item.mime_type}}</td>
|
||||
<td class="my-2 p-2 rounded hover:text-blue-600 break-all"><a title="{{item.insight}}" href="{{item.url}}">{{item.insight}}</a></td>
|
||||
|
|
|
@ -20,7 +20,7 @@
|
|||
|
||||
{% if caption %}
|
||||
|
||||
<div class="mx-auto mt-0">
|
||||
<div class="mx-auto mt-1">
|
||||
<div class="flex justify-center text-gray-300 font-mono text-xs lg:text-sm xl:text-lg">
|
||||
<p class="text-left w-full rounded p-4 bg-gray-900 shadow-lg"> {{ caption|safe }} </p>
|
||||
</div>
|
||||
|
@ -29,7 +29,7 @@
|
|||
{% for row in reply_btns %}
|
||||
<div class="flex justify-center">
|
||||
{% for btn in row %}
|
||||
<a class="p-4 mx-2 my-1 flex-1 border rounded bg-white border-blue-500 text-center text-blue-500 hover:bg-blue-500 hover:text-white" href="{{ btn.url }}" target="_blank"> {{btn.text}} </a>
|
||||
<a class="p-2 m-1 flex-1 border rounded bg-white border-blue-500 text-center text-blue-500 hover:bg-blue-500 hover:text-white transition ease-in duration-150" href="{{ btn.url }}" target="_blank"> {{btn.text}} </a>
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% endfor %}
|
||||
|
@ -56,7 +56,7 @@
|
|||
{% for row in reply_btns %}
|
||||
<div class="flex justify-center">
|
||||
{% for btn in row %}
|
||||
<a class="p-4 mx-2 my-1 flex-1 border rounded bg-white border-blue-500 text-center text-blue-500 hover:bg-blue-500 hover:text-white" href="{{ btn.url }}" target="_blank"> {{btn.text}} </a>
|
||||
<a class="p-2 m-1 flex-1 border rounded bg-white border-blue-500 text-center text-blue-500 hover:bg-blue-500 hover:text-white transition ease-in duration-150" href="{{ btn.url }}" target="_blank"> {{btn.text}} </a>
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% endfor %}
|
||||
|
|
Loading…
Reference in New Issue