git/TheMathWizard
1
0
Fork 0
Code Issues Pull requests 1 Projects Releases Packages Wiki Activity Actions

made changes to the style of the login, profile and register page

Browse source
This commit is contained in:
Patryk Hegenberg 2023-01-17 22:57:27 +01:00
parent 155ecf82b4
commit 92a2e24361
4 changed files with 79 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

69
styles/style.css
View file

@ -424,6 +424,42 @@ main {
flex-direction: column; flex-direction: column;
} }
.container1 {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
margin: 0 auto;
height: 500px;
}
.container2 {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
margin: 0 auto;
height: 750px;
}
.container3 {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
margin: 0 auto;
height: 350px;
background-color: #2e1e26;
padding: 20px;
}
.container4 {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
margin: 0 auto;
height: 150px;
background-color: #2e1e26;
padding: 20px;
}
.footer-copyright { .footer-copyright {
flex: none; flex: none;
width: 100%; width: 100%;
@ -431,13 +467,42 @@ main {
justify-content: center; justify-content: center;
} }
.register { .register {
height: 1000px; height: 1200px;
display: flex;
justify-content: center;
text-align: center;
background-color: #3f2a34;
} }
.form {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background-color: #2e1e26;
margin: auto;
padding: 20px;
}
.nes-field {
max-width: 400px;
}
.login { .login {
height: 1000px; height: 1200px;
display: flex;
justify-content: center;
text-align: center;
background-color: #3f2a34;
}
.profile {
height: 1200px;
display: flex;
justify-content: center;
text-align: center;
background-color: #3f2a34;
} }
.container .login { .container .login {
display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
text-align: center; text-align: center;

6
views/login.view.php
View file

@ -1,9 +1,9 @@
<?php require('partials/head.php') ?> <?php require('partials/head.php') ?>
<?php require('partials/nav.php') ?> <?php require('partials/nav.php') ?>
<div class="container login"> <div class="login">
<div class="nes-container"> <div class="container1">
<form action="/login" method="POST" class="container"> <form action="/login" method="POST" class="container form">
<div> <div>
<h2>Melde dich mit deinem Konto an.</h2> <h2>Melde dich mit deinem Konto an.</h2>
<p> <p>

12
views/profile.view.php
View file

@ -1,9 +1,9 @@
<?php require('partials/head.php') ?> <?php require('partials/head.php') ?>
<?php require('partials/nav.php') ?> <?php require('partials/nav.php') ?>
<div class="container profile"> <div class="profile">
<div> <div style="padding: 20px;">
<div class="nes-container"> <div class="container3">
<section class="message-list"> <section class="message-list">
<section class="message -left"> <section class="message -left">
<i class="nes-bcrikko"></i> <i class="nes-bcrikko"></i>
@ -12,7 +12,7 @@
</div> </div>
</section> </section>
</section> </section>
<div class="nes-container"> <div class="container3">
<div class="text-center"> <div class="text-center">
<h3>Was möchtest du tun?</h3> <h3>Was möchtest du tun?</h3>
</div> </div>
@ -22,7 +22,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="nes-container with-title"> <div class="container3">
<span class="title">Dein Fortschritt</span> <span class="title">Dein Fortschritt</span>
<span>Du bist aktuell Level: <?php echo $stats['level'] ?> </span> <span>Du bist aktuell Level: <?php echo $stats['level'] ?> </span>
<br> <br>
@ -39,7 +39,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="nes-container"> <div class="container4">
<div> <div>
<a href="/delete" class="nes-btn is-error">Account löschen</a> <a href="/delete" class="nes-btn is-error">Account löschen</a>
</div> </div>

6
views/register.view.php
View file

@ -1,8 +1,8 @@
<?php require('partials/head.php') ?> <?php require('partials/head.php') ?>
<?php require('partials/nav.php') ?> <?php require('partials/nav.php') ?>
<div class="container register"> <div class="register">
<div class="nes-container"> <div class="container2">
<form action="/register" method="POST"> <form action="/register" method="POST" class="form">
<div class="nes-field"> <div class="nes-field">
<label for="username">Username</label> <label for="username">Username</label>