This commit is contained in:
TheErrorExe 2025-02-01 23:23:54 +01:00
parent 4ba67b6c63
commit 1769187f29

View file

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