octospacc
/
TelegramIndex-Fork
mirror of https://gitlab.com/octospacc/TelegramIndex-Fork.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/templates/header.html
View File

@ -13,7 +13,7 @@
</head> </head>
<body> <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"> <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> <a href="/" class="text-left text-xl lg:text-2xl xl:text-3xl"> Telegram Index </a>

6
app/templates/home.html
View File

@ -3,10 +3,10 @@
<h1 class=" my-2 text-2xl text-center font-bold text-green-400"> <h1 class=" my-2 text-2xl text-center font-bold text-green-400">
Available Sources Available Sources
</h1> </h1>
<div class="mx-auto my-2 p-2 w-full break-words"> <div class="mx-auto my-2 p-2 w-full">
<div class="block md:flex flex-wrap justify-center 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 %} {% 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 %} {% endfor %}
</div> </div>
</div> </div>

6
app/templates/index.html
View File

@ -8,7 +8,7 @@
<div class="my-2"> <div class="my-2">
<form class=""> <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> </form>
</div> </div>
@ -21,7 +21,7 @@
<tr class="border-t border-b bg-gray-200 border-gray-300 my-2 p-4"> <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">Media</th>
<th class="my-2 p-2 hidden md:table-cell">Type</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">DateTime</th>
<th class="my-2 p-2 hidden md:table-cell">Size</th> <th class="my-2 p-2 hidden md:table-cell">Size</th>
</tr> </tr>
@ -30,7 +30,7 @@
<tbody> <tbody>
{% for item in item_list %} {% 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.media}}</td>
<td class="my-2 p-2 hidden md:table-cell">{{item.mime_type}}</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> <td class="my-2 p-2 rounded hover:text-blue-600 break-all"><a title="{{item.insight}}" href="{{item.url}}">{{item.insight}}</a></td>

6
app/templates/info.html
View File

@ -20,7 +20,7 @@
{% if caption %} {% 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"> <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> <p class="text-left w-full rounded p-4 bg-gray-900 shadow-lg"> {{ caption|safe }} </p>
</div> </div>
@ -29,7 +29,7 @@
{% for row in reply_btns %} {% for row in reply_btns %}
<div class="flex justify-center"> <div class="flex justify-center">
{% for btn in row %} {% 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 %} {% endfor %}
</div> </div>
{% endfor %} {% endfor %}
@ -56,7 +56,7 @@
{% for row in reply_btns %} {% for row in reply_btns %}
<div class="flex justify-center"> <div class="flex justify-center">
{% for btn in row %} {% 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 %} {% endfor %}
</div> </div>
{% endfor %} {% endfor %}