TheErrorExe/modified-revivetube-for-ytolderrexexyz
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

.

Browse Source
This commit is contained in:
TheErrorExe 2025-02-01 23:22:30 +01:00
parent 1f23731d73
commit 4ba67b6c63
1 changed files with 15 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
site_storage/index_template.html
View File

@ -14,20 +14,22 @@
.header { .header {
background-color: #202020; background-color: #202020;
padding: 10px 20px; padding: 10px 20px;
display: flex; clear: both;
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 {
flex: 1; float: right;
width: 50%;
text-align: center; text-align: center;
} }
.search-bar { .search-bar {
width: 400px; width: 100%;
max-width: 400px;
padding: 8px; padding: 8px;
font-size: 16px; font-size: 16px;
border: 1px solid #ccc; border: 1px solid #ccc;
@ -44,20 +46,25 @@
} }
.content { .content {
padding: 20px; padding: 20px;
clear: both;
} }
.video-grid { .video-grid {
display: flex; display: block;
flex-wrap: wrap; text-align: center;
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;
@ -75,7 +82,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"> <input class="search-bar" name="query" type="text" placeholder="Search...">
<input type="submit" class="search-button" value="Search"> <input type="submit" class="search-button" value="Search">
</form> </form>
</div> </div>