css tweaks to make it a little better on iPhones
parent
f0a7366f31
commit
382a3859cb
|
@ -5,10 +5,10 @@
|
||||||
{% for camera in template_values['cameras'] %}
|
{% for camera in template_values['cameras'] %}
|
||||||
{% if camera.is_online() %}
|
{% if camera.is_online() %}
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-6 offset-1 left_text" style="overflow: hidden;">
|
<div class="col-sm-5 col-md-6 offset-1 left_text" style="overflow: hidden;">
|
||||||
{{ camera.name }}
|
{{ camera.name }}
|
||||||
</div>
|
</div>
|
||||||
<div class="col-5">
|
<div class="col-sm-6 col-md-5">
|
||||||
<a href="/camera/{{ camera.id }}/preview" hx-get="/camera/{{ camera.id }}/preview" hx-trigger="click" hx-target="#camera_detail" hx-indicator=".progress">
|
<a href="/camera/{{ camera.id }}/preview" hx-get="/camera/{{ camera.id }}/preview" hx-trigger="click" hx-target="#camera_detail" hx-indicator=".progress">
|
||||||
<button class="btn btn-outline-success">
|
<button class="btn btn-outline-success">
|
||||||
<i class="bi bi-card-image" title="click to load preview image"></i>
|
<i class="bi bi-card-image" title="click to load preview image"></i>
|
||||||
|
@ -33,10 +33,10 @@
|
||||||
{% for camera in template_values['cameras'] %}
|
{% for camera in template_values['cameras'] %}
|
||||||
{% if camera.is_offline() %}
|
{% if camera.is_offline() %}
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-6 offset-1 left_text" style="overflow: hidden;">
|
<div class="col-sm-5 col-md-6 offset-1 left_text" style="overflow: hidden;">
|
||||||
{{ camera.name }}
|
{{ camera.name }}
|
||||||
</div>
|
</div>
|
||||||
<div class="col-5">
|
<div class="col-sm-6 col-md-5">
|
||||||
<a href="/camera/{{ camera.id }}/preview" hx-get="/camera/{{ camera.id }}/preview" hx-trigger="click" hx-target="#camera_detail" hx-indicator=".progress">
|
<a href="/camera/{{ camera.id }}/preview" hx-get="/camera/{{ camera.id }}/preview" hx-trigger="click" hx-target="#camera_detail" hx-indicator=".progress">
|
||||||
<button class="btn btn-outline-success">
|
<button class="btn btn-outline-success">
|
||||||
<i class="bi bi-card-image" title="click to load preview image"></i>
|
<i class="bi bi-card-image" title="click to load preview image"></i>
|
||||||
|
|
Loading…
Reference in New Issue