data/python.video_converter_v3
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Media design für Handy

Browse source
This commit is contained in:
Eduard Wisch 2025-04-24 11:37:30 +02:00
parent 3f2bf175c7
commit ba84fae116
3 changed files with 40 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
app/class_media_file.py
View file

@ -1,3 +1,4 @@
import logging
import os import os
import math import math
import time import time
@ -7,7 +8,7 @@ class Media:
def __init__(self, path, streams_video, streams_audio, streams_subtitle, streams_format): def __init__(self, path, streams_video, streams_audio, streams_subtitle, streams_format):
# misc # 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 # source
self.source_file: str = path self.source_file: str = path
self.source_path: str = os.path.dirname(path) self.source_path: str = os.path.dirname(path)

3
client/index.html
View file

@ -2,7 +2,8 @@
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8"> <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="stylesheet" href="/client/index_style.css">
<link rel="icon" href="/client/icons/favicon.ico" type="image/x-icon"> <link rel="icon" href="/client/icons/favicon.ico" type="image/x-icon">
</head> </head>

36
client/index_style.css
View file

@ -200,3 +200,39 @@ nav button:hover {
align-items: flex-start; align-items: flex-start;
justify-content: space-between; 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;
}
}