home/links
2
0
Fork 0
mirror of https://github.com/wahyd4/links.git synced 2026-08-09 05:06:16 +10:00
Code Issues Packages Projects Releases Wiki Activity

Move fullscreen into control plane

Browse Source
This commit is contained in:
junv
2025-05-30 15:37:50 +10:00
parent 0a4ee4cc51
commit 089e291e59
1 changed files with 9 additions and 41 deletions
Download Patch File Download Diff File Expand all files Collapse all files
links/templates/links/mini_apps/image_gallery.html
+9 -41
View File
@@ -274,34 +274,7 @@
border: 1px solid rgba(255, 255, 255, 0.1);
}
.fullscreen-btn {
position: absolute;
bottom: 30px;
right: 90px;
width: 50px;
height: 50px;
background: rgba(0, 0, 0, 0.5);
backdrop-filter: blur(10px);
border-radius: 25px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
z-index: 12;
border: 1px solid rgba(255, 255, 255, 0.1);
transition: transform 0.3s ease;
}
.fullscreen-btn:hover {
transform: scale(1.1);
background: rgba(50, 50, 50, 0.7);
}
.fullscreen-btn i {
font-size: 20px;
color: white;
transition: transform 0.3s ease;
}
/* Fullscreen button styles removed as it now uses standard button styling */
.progress-bar {
position: absolute;
@@ -381,13 +354,6 @@
bottom: 150px;
}
.fullscreen-btn {
top: 20px;
left: 20px;
width: 40px;
height: 40px;
}
.back-button {
right: 30px;
top: 80px;
@@ -402,9 +368,6 @@
<div class="app-container">
<div class="progress-bar"></div>
<div class="slideshow-container" id="slideshow"></div>
<div class="fullscreen-btn" id="fullscreenBtn">
<i class="fas fa-expand"></i>
</div>
<div class="control-toggle" id="controlToggle">
<i class="fas fa-cog"></i>
</div>
@@ -435,9 +398,14 @@
<div class="control-group">
<div class="control-label">{% trans "Actions" %}</div>
<button class="btn" id="nextBtn">
<i class="fas fa-forward"></i> {% trans "Next" %}
</button>
<div style="display: flex; gap: 10px;">
<button class="btn" id="nextBtn">
<i class="fas fa-forward"></i> {% trans "Next" %}
</button>
<button class="btn" id="fullscreenBtn">
<i class="fas fa-expand"></i> {% trans "Fullscreen" %}
</button>
</div>
</div>
</div>