updates calendar webpage flex container
This commit is contained in:
parent
2e81d53f9d
commit
a83c28f873
@ -4,12 +4,14 @@
|
||||
<div class="container">
|
||||
<div style="width: 4rem;margin:1rem;"></div>
|
||||
<div style="width: 10rem; margin: 1rem; font-weight: bold">Calendar</div>
|
||||
<div style="width: 5rem; margin: 1rem; padding-right: 1rem;font-weight: bold">Show on device</div>
|
||||
<div style="width: 2rem; margin: 1rem;font-weight: bold">Color</div>
|
||||
<div style="display: inline-flex">
|
||||
<div style="width: 5rem; margin: 1rem; padding-right: 1rem;font-weight: bold">Show on device</div>
|
||||
<div style="width: 2rem; margin: 1rem;font-weight: bold">Color</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% for item in calendars %}
|
||||
<div class="container">
|
||||
<div class="container" style="margin-top: 1.5rem">
|
||||
<!--action button-->
|
||||
{% if "ical" == item.calType %}
|
||||
<div style="width: 4rem; margin: 1rem;">
|
||||
@ -22,10 +24,10 @@
|
||||
<div style="width: 4rem; margin: 1rem;"></div>
|
||||
{% endif %}
|
||||
<!--Name-->
|
||||
<div style="width: 10rem; margin: 1rem;">{{ item.name }}</div>
|
||||
<div style="width: 10rem; margin-left: 1rem; margin-right: 1rem; margin-top: 0.5rem">{{ item.name }}</div>
|
||||
<div style="display: inline-flex">
|
||||
<!--Toggle-->
|
||||
<div style="width: 5rem; margin: 1rem; padding-right: 1rem">
|
||||
<div style="width: 5rem; margin-left: 1rem; margin-right: 1rem; margin-top: 0.5rem; padding-right: 1rem">
|
||||
<!-- Rounded switch -->
|
||||
<label class="switch">
|
||||
<input class="toggle" id={{item.calendarId}} type="checkbox" toggled={{item.toggle}} onclick="toggleReaction(this)">
|
||||
@ -34,7 +36,7 @@
|
||||
</div>
|
||||
|
||||
<!--Color Selector-->
|
||||
<div style="width: 2rem; margin: 1rem;">
|
||||
<div style="width: 2rem; margin-left: 1rem; margin-right: 1rem; margin-top: 0.5rem">
|
||||
<div class="colorPickSelector" id={{item.calendarId}} defaultColor={{item.color}}></div>
|
||||
<!--svg height="20" width="20">
|
||||
<circle cx="10" cy="10" r="10" stroke="black" stroke-width="0" fill={{ item.color }} />
|
||||
|
@ -7,7 +7,7 @@
|
||||
</div>
|
||||
|
||||
<h3 style="margin-left:10rem">Summary</h3>
|
||||
<div style="margin-left:10rem; margin-right:10rem;">This Privacy Statement desrcibes how Longitude handles your data and how the developer makes sure, that the user's information remains as secure as possible.
|
||||
<div style="margin-left:10rem; margin-right:10rem;">This Privacy Statement describes how Longitude handles your data and how the developer makes sure, that the user's information remains as secure as possible.
|
||||
This application does not share any user information with third parties and takes care to only save the minimum amount of information about the user.
|
||||
The following chapters cover all essential points of interest about which information is saved and when it is removed from the server.
|
||||
If you have any further questions or suggestions, please email us at <a href="mailto:raphael@maenle.net">raphael@maenle.net</a>.</div>
|
||||
|
Loading…
Reference in New Issue
Block a user