ui tweeks

This commit is contained in:
odysseusmax 2020-08-16 12:13:30 +05:30
parent 570727d699
commit a0ff49e8df
4 changed files with 10 additions and 10 deletions

View File

@ -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>

View File

@ -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>

View File

@ -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>

View File

@ -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 %}