settings page bisschen aufgehübscht
All checks were successful
fetch npm modules / f0ck the f0cker (push) Successful in 14s

This commit is contained in:
Kibi Kelburton 2024-06-28 22:08:27 +02:00
parent 7098c335bc
commit f5225a71c5
2 changed files with 27 additions and 4 deletions

View File

@ -2992,3 +2992,27 @@ button#togglebg {
.fader-out { .fader-out {
animation: fadeOut .8s steps(100) forwards animation: fadeOut .8s steps(100) forwards
} }
.settings {
display: grid;
justify-content: center;
}
input[name="i_avatar"] {
text-align: center;
width: 50px;
padding: 10px;
}
input#s_avatar {
padding: 5px;
border: 1px solid var(--black);
border-radius: 3px;
background-image: linear-gradient(to bottom, var(--nav-link-background-linear-gradient));
box-shadow: var(--nav-link-box-shadow);
cursor: pointer;
}
#s_avatar:hover {
background: #ffffff0f;
}

View File

@ -1,7 +1,6 @@
@include(snippets/header) @include(snippets/header)
<div id="main"> <div class="settings">
<h1>Settings</h1> <h1>Settings</h1>
@if(session.avatar)<a href="/{{ session.avatar }}"><img id="img_avatar" src="/t/{{ session.avatar }}.webp"></a>@endif
<h2>Account</h2> <h2>Account</h2>
<table class="table"> <table class="table">
<tbody> <tbody>
@ -18,7 +17,7 @@
<td>{!! session.user !!}</td> <td>{!! session.user !!}</td>
</tr> </tr>
<tr> <tr>
<td>avatar</td> <td>@if(session.avatar)<a href="/{{ session.avatar }}"><img id="img_avatar" src="/t/{{ session.avatar }}.webp"></a>@endif</td>
<td><input type="text" class="input" name="i_avatar" value="{{ session.avatar }}"></td> <td><input type="text" class="input" name="i_avatar" value="{{ session.avatar }}"></td>
</tr> </tr>
<tr> <tr>