adoralaura/shopping-list
1
0
Fork 0
mirror of https://github.com/tim-krehan/shopping-list.git synced 2024-11-23 22:30:41 +01:00
Code Issues Projects Releases Packages Wiki Activity

added style

Browse source
This commit is contained in:
Krehan Tim 2018-10-29 08:55:24 +01:00
parent 1751316783
commit 83deda9216
2 changed files with 25 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
cont/settings.php
View file

@ -17,6 +17,14 @@
</div> </div>
<button class="button" id="saveButton">Speichern</button> <button class="button" id="saveButton">Speichern</button>
</div> </div>
<div class="userpassword-pane pane">
<div class="userpassword">
<span><font class="attribute">Altes Passwort</font><input class="change-attribute-input" type="text" name="username" value="********"></span>
<span><font class="attribute">Neues Passwort</font><input class="change-attribute-input" type="text" name="username" value="********"></span>
<span><font class="attribute">Passwort bestätigen</font><input class="change-attribute-input" type="text" name="username" value="********"></span>
</div>
<button class="button" id="saveButton">Speichern</button>
</div>
<div class="import-export-pane"> <div class="import-export-pane">
<h2>Import / Export</h2> <h2>Import / Export</h2>
<p>Hiermit werden alle Rezepte und sich zurzeit auf der Shoppingliste befindlichen Einträge als Download zur Verfügung gestellt. Diese Datei kann dann an anderer Stelle wieder Importiert werden, oder als Backup abgespeichert werden.</p> <p>Hiermit werden alle Rezepte und sich zurzeit auf der Shoppingliste befindlichen Einträge als Download zur Verfügung gestellt. Diese Datei kann dann an anderer Stelle wieder Importiert werden, oder als Backup abgespeichert werden.</p>

19
style/settings.css
View file

@ -1,7 +1,7 @@
.settings { .settings {
display: flex; display: flex;
justify-content: flex-start; justify-content: flex-start;
flex-direction: column; flex-direction: row;
flex-wrap: wrap; flex-wrap: wrap;
} }
.pane { .pane {
@ -10,7 +10,7 @@
background-color: #ddd; background-color: #ddd;
margin: 1em; margin: 1em;
min-width: max-content; min-width: max-content;
max-width: 50%; max-width: 45%;
} }
.userprofile-pane { .userprofile-pane {
display: flex; display: flex;
@ -22,11 +22,26 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
} }
.userpassword-pane {
display: flex;
flex-direction: column;
justify-content: flex-start;
}
.userpassword {
width: 22em;
display: flex;
flex-direction: column;
}
.userprofile span { .userprofile span {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
} }
.userpassword span {
display: flex;
flex-direction: row;
align-items: center;
}
.attribute { .attribute {
width: 6em; width: 6em;
padding: 1em; padding: 1em;