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

tried some styling...

Browse source
This commit is contained in:
Tim Krehan 2018-10-27 19:47:45 +02:00
parent 93a46fafe4
commit 4d33f4416e
2 changed files with 8 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
cont/settings.php
View file

@ -9,8 +9,8 @@
$user = $result->fetch_assoc(); $user = $result->fetch_assoc();
?> ?>
<div class="userprofile"> <div class="userprofile">
<span><font class="attribute">Benutzername</font><font class="value"><input type="text" name="username" value="<?php echo $user["username"]; ?>"></font></span> <span><font class="attribute">Benutzername</font><input class="change-attribute-input" type="text" name="username" value="<?php echo $user["username"]; ?>"></span>
<span><font class="attribute">Email</font><font class="value"><input type="text" name="username" value="<?php echo $user["email"]; ?>"></font></span> <span><font class="attribute">Email</font><input class="change-attribute-input" type="text" name="username" value="<?php echo $user["email"]; ?>"></span>
<span><font class="attribute">Letzter Login</font><font class="value"><?php echo $user["last_login"]; ?></font></span> <span><font class="attribute">Letzter Login</font><font><?php echo $user["last_login"]; ?></font></span>
</div> </div>
<button class="button" id="safeButton">Speichern</button> <button class="button" id="safeButton">Speichern</button>

6
style/settings.css
View file

@ -1,6 +1,7 @@
.userprofile { .userprofile {
width: 30em; width: 30em;
max-width: 90%; max-width: 90%;
margin: 0 auto;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
border: 1px solid grey; border: 1px solid grey;
@ -13,8 +14,11 @@
align-items: center; align-items: center;
} }
.attribute { .attribute {
width: 10em; width: 6em;
padding: 1em; padding: 1em;
}
.change-attribute-input {
} }
.value { .value {
padding: 1em; padding: 1em;