TheErrorExe/revivetube
1
0
Fork 0
mirror of https://github.com/ReviveMii/revivetube synced 2025-04-29 12:39:25 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

.

Browse source
This commit is contained in:
TheErrorExe 2025-02-01 23:23:54 +01:00
parent 4ba67b6c63
commit 1769187f29
1 changed files with 8 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

23
site_storage/index_template.html
View file

@ -14,22 +14,20 @@
.header { .header {
background-color: #202020; background-color: #202020;
padding: 10px 20px; padding: 10px 20px;
clear: both; display: flex;
align-items: center;
} }
.logo { .logo {
font-size: 24px; font-size: 24px;
color: #ff0000; color: #ff0000;
font-weight: bold; font-weight: bold;
float: left;
} }
.search-container { .search-container {
float: right; flex: 1;
width: 50%;
text-align: center; text-align: center;
} }
.search-bar { .search-bar {
width: 100%; width: 400px;
max-width: 400px;
padding: 8px; padding: 8px;
font-size: 16px; font-size: 16px;
border: 1px solid #ccc; border: 1px solid #ccc;
@ -46,25 +44,20 @@
} }
.content { .content {
padding: 20px; padding: 20px;
clear: both;
} }
.video-grid { .video-grid {
display: block; display: flex;
text-align: center; flex-wrap: wrap;
justify-content: center;
} }
.video-item { .video-item {
width: 320px; width: 320px;
margin: 10px; margin: 10px;
background-color: #222; background-color: #222;
padding: 10px; padding: 10px;
display: inline-block;
text-align: left;
vertical-align: top;
box-sizing: border-box;
} }
.video-item img { .video-item img {
width: 100%; width: 100%;
height: auto;
} }
.video-item-title { .video-item-title {
font-weight: bold; font-weight: bold;
@ -82,7 +75,7 @@
<div class="logo">ReviveTube</div> <div class="logo">ReviveTube</div>
<div class="search-container"> <div class="search-container">
<form action="/" method="get"> <form action="/" method="get">
<input class="search-bar" name="query" type="text" placeholder="Search..."> <input class="search-bar" name="query" type="text">
<input type="submit" class="search-button" value="Search"> <input type="submit" class="search-button" value="Search">
</form> </form>
</div> </div>