Media design für Handy
This commit is contained in:
parent
3f2bf175c7
commit
ba84fae116
3 changed files with 40 additions and 2 deletions
|
|
@ -1,3 +1,4 @@
|
|||
import logging
|
||||
import os
|
||||
import math
|
||||
import time
|
||||
|
|
@ -7,7 +8,7 @@ class Media:
|
|||
|
||||
def __init__(self, path, streams_video, streams_audio, streams_subtitle, streams_format):
|
||||
# misc
|
||||
self.id = int(f"{time.time()}{Media._id_counter}")
|
||||
self.id = int(f"{int(time.time() * 1000)}{str(Media._id_counter).zfill(3)}")
|
||||
# source
|
||||
self.source_file: str = path
|
||||
self.source_path: str = os.path.dirname(path)
|
||||
|
|
|
|||
|
|
@ -2,7 +2,8 @@
|
|||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Websocket Client</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Webm VCC</title>
|
||||
<link rel="stylesheet" href="/client/index_style.css">
|
||||
<link rel="icon" href="/client/icons/favicon.ico" type="image/x-icon">
|
||||
</head>
|
||||
|
|
|
|||
|
|
@ -200,3 +200,39 @@ nav button:hover {
|
|||
align-items: flex-start;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
header h1 {
|
||||
font-size: 1.4rem; /* vorher 1.75rem */
|
||||
}
|
||||
|
||||
nav button {
|
||||
padding: 0.4rem 0.8rem; /* etwas kleiner */
|
||||
font-size: 0.85rem;
|
||||
}
|
||||
|
||||
.video-card {
|
||||
padding: 0.8rem;
|
||||
}
|
||||
|
||||
.video-card h3 {
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
.video-card-values-items {
|
||||
font-size: 0.65rem;
|
||||
}
|
||||
|
||||
.conversion_url {
|
||||
font-size: 0.6rem;
|
||||
}
|
||||
|
||||
.popup-content {
|
||||
width: 90%; /* vorher 90% */
|
||||
font-size: 0.85rem;
|
||||
}
|
||||
|
||||
.conversion_icons {
|
||||
width: 40px;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in a new issue