Skip to content

Commit

Permalink
Merge branch 'mobile_layout'
Browse files Browse the repository at this point in the history
  • Loading branch information
@dewenni
dewenni committed Jan 1, 2025
2 parents bef4f15 + 1b9eb23 commit 5822d71
Show file tree
Hide file tree
Showing 3 changed files with 75 additions and 66 deletions.
4 changes: 2 additions & 2 deletions web/css/custom.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@

@media (min-width: 100px) {
:root {
--pico-font-size: 80%;
--pico-font-size: 90%;
}
}
@media (min-width: 576px) {
Expand Down Expand Up @@ -185,7 +185,7 @@ hr {
.grid .dash {
flex-basis: 99%;
padding: 10px;
min-width: 450px;
min-width: 300px;
}

/* Breitere Bildschirme: 2 Elemente pro Zeile */
Expand Down
9 changes: 9 additions & 0 deletions web/css/icons.css
View file

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

128 changes: 64 additions & 64 deletions web/html/01_control.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -36,10 +36,10 @@
<div class="dash-main">
<div class="dash-header" id="p01_jaro_ch_name_0">channel 1</div>
<div class="dash-content">
<button id="p01_up_0" class="svg i_up"></button>
<button id="p01_stop_0" class="svg i_stop"></button>
<button id="p01_down_0" class="svg i_down"></button>
<button id="p01_shade_0" class="svg i_shade"></button>
<button id="p01_up_0" class="svgbtn i_up"></button>
<button id="p01_stop_0" class="svgbtn i_stop"></button>
<button id="p01_down_0" class="svgbtn i_down"></button>
<button id="p01_shade_0" class="svgbtn i_shade"></button>
</div>
</div>
</article>
Expand All @@ -48,10 +48,10 @@
<div class="dash-main">
<div class="dash-header" id="p01_jaro_ch_name_1">channel 2</div>
<div class="dash-content">
<button id="p01_up_1" class="svg i_up"></button>
<button id="p01_stop_1" class="svg i_stop"></button>
<button id="p01_down_1" class="svg i_down"></button>
<button id="p01_shade_1" class="svg i_shade"></button>
<button id="p01_up_1" class="svgbtn i_up"></button>
<button id="p01_stop_1" class="svgbtn i_stop"></button>
<button id="p01_down_1" class="svgbtn i_down"></button>
<button id="p01_shade_1" class="svgbtn i_shade"></button>
</div>
</div>
</article>
Expand All @@ -60,10 +60,10 @@
<div class="dash-main">
<div class="dash-header" id="p01_jaro_ch_name_2">channel 3</div>
<div class="dash-content">
<button id="p01_up_2" class="svg i_up"></button>
<button id="p01_stop_2" class="svg i_stop"></button>
<button id="p01_down_2" class="svg i_down"></button>
<button id="p01_shade_2" class="svg i_shade"></button>
<button id="p01_up_2" class="svgbtn i_up"></button>
<button id="p01_stop_2" class="svgbtn i_stop"></button>
<button id="p01_down_2" class="svgbtn i_down"></button>
<button id="p01_shade_2" class="svgbtn i_shade"></button>
</div>
</div>
</article>
Expand All @@ -72,10 +72,10 @@
<div class="dash-main">
<div class="dash-header" id="p01_jaro_ch_name_3">channel 4</div>
<div class="dash-content">
<button id="p01_up_3" class="svg i_up"></button>
<button id="p01_stop_3" class="svg i_stop"></button>
<button id="p01_down_3" class="svg i_down"></button>
<button id="p01_shade_3" class="svg i_shade"></button>
<button id="p01_up_3" class="svgbtn i_up"></button>
<button id="p01_stop_3" class="svgbtn i_stop"></button>
<button id="p01_down_3" class="svgbtn i_down"></button>
<button id="p01_shade_3" class="svgbtn i_shade"></button>
</div>
</div>
</article>
Expand All @@ -84,10 +84,10 @@
<div class="dash-main">
<div class="dash-header" id="p01_jaro_ch_name_4">channel 5</div>
<div class="dash-content">
<button id="p01_up_4" class="svg i_up"></button>
<button id="p01_stop_4" class="svg i_stop"></button>
<button id="p01_down_4" class="svg i_down"></button>
<button id="p01_shade_4" class="svg i_shade"></button>
<button id="p01_up_4" class="svgbtn i_up"></button>
<button id="p01_stop_4" class="svgbtn i_stop"></button>
<button id="p01_down_4" class="svgbtn i_down"></button>
<button id="p01_shade_4" class="svgbtn i_shade"></button>
</div>
</div>
</article>
Expand All @@ -96,10 +96,10 @@
<div class="dash-main">
<div class="dash-header" id="p01_jaro_ch_name_5">channel 6</div>
<div class="dash-content">
<button id="p01_up_5" class="svg i_up"></button>
<button id="p01_stop_5" class="svg i_stop"></button>
<button id="p01_down_5" class="svg i_down"></button>
<button id="p01_shade_5" class="svg i_shade"></button>
<button id="p01_up_5" class="svgbtn i_up"></button>
<button id="p01_stop_5" class="svgbtn i_stop"></button>
<button id="p01_down_5" class="svgbtn i_down"></button>
<button id="p01_shade_5" class="svgbtn i_shade"></button>
</div>
</div>
</article>
Expand All @@ -108,10 +108,10 @@
<div class="dash-main">
<div class="dash-header" id="p01_jaro_ch_name_6">channel 7</div>
<div class="dash-content">
<button id="p01_up_6" class="svg i_up"></button>
<button id="p01_stop_6" class="svg i_stop"></button>
<button id="p01_down_6" class="svg i_down"></button>
<button id="p01_shade_6" class="svg i_shade"></button>
<button id="p01_up_6" class="svgbtn i_up"></button>
<button id="p01_stop_6" class="svgbtn i_stop"></button>
<button id="p01_down_6" class="svgbtn i_down"></button>
<button id="p01_shade_6" class="svgbtn i_shade"></button>
</div>
</div>
</article>
Expand All @@ -120,10 +120,10 @@
<div class="dash-main">
<div class="dash-header" id="p01_jaro_ch_name_7">channel 8</div>
<div class="dash-content">
<button id="p01_up_7" class="svg i_up"></button>
<button id="p01_stop_7" class="svg i_stop"></button>
<button id="p01_down_7" class="svg i_down"></button>
<button id="p01_shade_7" class="svg i_shade"></button>
<button id="p01_up_7" class="svgbtn i_up"></button>
<button id="p01_stop_7" class="svgbtn i_stop"></button>
<button id="p01_down_7" class="svgbtn i_down"></button>
<button id="p01_shade_7" class="svgbtn i_shade"></button>
</div>
</div>
</article>
Expand All @@ -132,10 +132,10 @@
<div class="dash-main">
<div class="dash-header" id="p01_jaro_ch_name_8">channel 9</div>
<div class="dash-content">
<button id="p01_up_8" class="svg i_up"></button>
<button id="p01_stop_8" class="svg i_stop"></button>
<button id="p01_down_8" class="svg i_down"></button>
<button id="p01_shade_8" class="svg i_shade"></button>
<button id="p01_up_8" class="svgbtn i_up"></button>
<button id="p01_stop_8" class="svgbtn i_stop"></button>
<button id="p01_down_8" class="svgbtn i_down"></button>
<button id="p01_shade_8" class="svgbtn i_shade"></button>
</div>
</div>
</article>
Expand All @@ -144,10 +144,10 @@
<div class="dash-main">
<div class="dash-header" id="p01_jaro_ch_name_9">channel 10</div>
<div class="dash-content">
<button id="p01_up_9" class="svg i_up"></button>
<button id="p01_stop_9" class="svg i_stop"></button>
<button id="p01_down_9" class="svg i_down"></button>
<button id="p01_shade_9" class="svg i_shade"></button>
<button id="p01_up_9" class="svgbtn i_up"></button>
<button id="p01_stop_9" class="svgbtn i_stop"></button>
<button id="p01_down_9" class="svgbtn i_down"></button>
<button id="p01_shade_9" class="svgbtn i_shade"></button>
</div>
</div>
</article>
Expand All @@ -156,10 +156,10 @@
<div class="dash-main">
<div class="dash-header" id="p01_jaro_ch_name_10">channel 11</div>
<div class="dash-content">
<button id="p01_up_10" class="svg i_up"></button>
<button id="p01_stop_10" class="svg i_stop"></button>
<button id="p01_down_10" class="svg i_down"></button>
<button id="p01_shade_10" class="svg i_shade"></button>
<button id="p01_up_10" class="svgbtn i_up"></button>
<button id="p01_stop_10" class="svgbtn i_stop"></button>
<button id="p01_down_10" class="svgbtn i_down"></button>
<button id="p01_shade_10" class="svgbtn i_shade"></button>
</div>
</div>
</article>
Expand All @@ -168,10 +168,10 @@
<div class="dash-main">
<div class="dash-header" id="p01_jaro_ch_name_11">channel 12</div>
<div class="dash-content">
<button id="p01_up_11" class="svg i_up"></button>
<button id="p01_stop_11" class="svg i_stop"></button>
<button id="p01_down_11" class="svg i_down"></button>
<button id="p01_shade_11" class="svg i_shade"></button>
<button id="p01_up_11" class="svgbtn i_up"></button>
<button id="p01_stop_11" class="svgbtn i_stop"></button>
<button id="p01_down_11" class="svgbtn i_down"></button>
<button id="p01_shade_11" class="svgbtn i_shade"></button>
</div>
</div>
</article>
Expand All @@ -180,10 +180,10 @@
<div class="dash-main">
<div class="dash-header" id="p01_jaro_ch_name_12">channel 13</div>
<div class="dash-content">
<button id="p01_up_12" class="svg i_up"></button>
<button id="p01_stop_12" class="svg i_stop"></button>
<button id="p01_down_12" class="svg i_down"></button>
<button id="p01_shade_12" class="svg i_shade"></button>
<button id="p01_up_12" class="svgbtn i_up"></button>
<button id="p01_stop_12" class="svgbtn i_stop"></button>
<button id="p01_down_12" class="svgbtn i_down"></button>
<button id="p01_shade_12" class="svgbtn i_shade"></button>
</div>
</div>
</article>
Expand All @@ -192,10 +192,10 @@
<div class="dash-main">
<div class="dash-header" id="p01_jaro_ch_name_13">channel 14</div>
<div class="dash-content">
<button id="p01_up_13" class="svg i_up"></button>
<button id="p01_stop_13" class="svg i_stop"></button>
<button id="p01_down_13" class="svg i_down"></button>
<button id="p01_shade_13" class="svg i_shade"></button>
<button id="p01_up_13" class="svgbtn i_up"></button>
<button id="p01_stop_13" class="svgbtn i_stop"></button>
<button id="p01_down_13" class="svgbtn i_down"></button>
<button id="p01_shade_13" class="svgbtn i_shade"></button>
</div>
</div>
</article>
Expand All @@ -204,10 +204,10 @@
<div class="dash-main">
<div class="dash-header" id="p01_jaro_ch_name_14">channel 15</div>
<div class="dash-content">
<button id="p01_up_14" class="svg i_up"></button>
<button id="p01_stop_14" class="svg i_stop"></button>
<button id="p01_down_14" class="svg i_down"></button>
<button id="p01_shade_14" class="svg i_shade"></button>
<button id="p01_up_14" class="svgbtn i_up"></button>
<button id="p01_stop_14" class="svgbtn i_stop"></button>
<button id="p01_down_14" class="svgbtn i_down"></button>
<button id="p01_shade_14" class="svgbtn i_shade"></button>
</div>
</div>
</article>
Expand All @@ -216,10 +216,10 @@
<div class="dash-main">
<div class="dash-header" id="p01_jaro_ch_name_15">channel 16</div>
<div class="dash-content">
<button id="p01_up_15" class="svg i_up"></button>
<button id="p01_stop_15" class="svg i_stop"></button>
<button id="p01_down_15" class="svg i_down"></button>
<button id="p01_shade_15" class="svg i_shade"></button>
<button id="p01_up_15" class="svgbtn i_up"></button>
<button id="p01_stop_15" class="svgbtn i_stop"></button>
<button id="p01_down_15" class="svgbtn i_down"></button>
<button id="p01_shade_15" class="svgbtn i_shade"></button>
</div>
</div>
</article>
Expand Down

0 comments on commit 5822d71

Please sign in to comment.