še malo fine tunninga, da je bolj prijazno mobilnemu browserju

This commit is contained in:
2026-03-05 23:34:04 +01:00
parent ae61861cab
commit 03d3b7bdfe
4 changed files with 108 additions and 30 deletions

View File

@@ -2,7 +2,7 @@
<html lang="sl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, viewport-fit=cover">
<title>Projektor pesmi - Web sučelje</title>
<link rel="stylesheet" href="{{ url_for('static', filename='styles.css') }}">
</head>
@@ -10,7 +10,7 @@
<div class="container">
<!-- Gornja vrstica -->
<div class="top-bar">
<label for="song-number">Pesem:</label>
<!-- <label for="song-number">Pesem:</label> -->
<input type="number" id="song-number" placeholder="Vpiši številko" min="0">
<button id="load-btn">Naloži</button>
@@ -18,7 +18,7 @@
<input type="text" id="search-query" placeholder="Naslovna beseda...">
<button id="search-btn">Išči</button> -->
<button id="caps-btn" class="btn-dark">VELIKE črke</button>
<button id="caps-btn" class="btn-dark">A/a</button>
</div>
<!-- Sredenska vrstica - Prikaz -->
@@ -32,7 +32,7 @@
<div class="bottom-bar">
<button id="prev-btn" class="btn-nav">◀ Nazaj</button>
<span id="page-info" class="page-info"></span>
<button id="dark-btn" class="btn-dark">Zatemni ekran</button>
<button id="dark-btn" class="btn-dark">**</button>
<span id="page-info-right" class="page-info"></span>
<button id="next-btn" class="btn-nav">Naprej ▶</button>
</div>