raphael/calendarwatch_frontend
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

adds view mode design

Browse Source
This commit is contained in:
Raphael Maenle
2020-05-21 15:38:22 +02:00
parent b0f4e98513
commit 46eece9b98
7 changed files with 65 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
server/template/.account.html.swp
View File

Binary file not shown.

2
server/template/calendar.html
View File

@ -18,7 +18,7 @@
<!-- Rounded switch -->
<label class="switch">
<input class="toggle" id={{item.calendarId}} type="checkbox" toggled={{item.toggle}} onclick="toggleReaction(this)">
<span class="slider round"></span>
<span class="slider on round"></span>
</label>
</div>

43
server/template/view.html Normal file
View File

@ -0,0 +1,43 @@
{% extends "sidebar.html" %}
{% block body%}
<div class="container profile">
<p class="name">Sun View</p>
</div>
<div class="container">
<i class="fa fa-arrow-left" style="font-size: 4rem; color: #ddd; margin-bottom: 3rem"></i>
<img class="preview" src="/static/res/sunview.png" alt="Profile Picture"></img>
<i class="fa fa-arrow-right" style="font-size: 4rem; color: #ddd; margin-bottom: 3rem"></i>
</div>
<div class="sub container">
<p class=name>Sun</p>
<div style="flex-grow: 1"></div>
<label class="switch">
<input class="toggle" id=Sun type="checkbox" toggled="True" >
<span class="slider round"></span>
</label>
</div>
<div class="sub container">
<p class=name>Planet</p>
<div style="flex-grow: 1"></div>
<label class="switch">
<input class="toggle" id=Sun type="checkbox" toggled="True" >
<span class="slider round"></span>
</label>
</div>
<div class="sub container">
<p class=name>Dwarf</p>
<div style="flex-grow: 1"></div>
<label class="switch">
<input class="toggle" id=Sun type="checkbox" toggled="True" >
<span class="slider round"></span>
</label>
</div>
<div class="sub container">
<p class=name>Calendar</p>
<div style="flex-grow: 1"></div>
<label class="switch">
<input class="toggle" id=Sun type="checkbox" toggled="True" >
<span class="slider round"></span>
</label>
</div>
{% endblock %}