Updated New Panel CSS

Fixes the stacking issue in user list, fixed button images not showing up.
This commit is contained in:
tersiswilvin 2022-08-18 07:51:32 -07:00
parent 97c0ad1906
commit 6a890e663f
3 changed files with 15 additions and 5 deletions

View File

@ -112,7 +112,7 @@ h6 {
width: 200px; width: 200px;
height: 40px; height: 40px;
padding: 5px; padding: 5px;
background-image: url(../img/MORBLOXlogo.png); background-image: url(/img/MORBLOXlogo.png);
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: contain; background-size: contain;
background-position: 0; background-position: 0;
@ -151,7 +151,6 @@ h6 {
color: #bbb; color: #bbb;
display: inline-block; display: inline-block;
text-align: left; text-align: left;
padding-right: 3px;;
} }
.NewPanel.AdminPanel .Stats-Wrapper { .NewPanel.AdminPanel .Stats-Wrapper {
text-align: center; text-align: center;
@ -217,11 +216,11 @@ h6 {
margin: auto; margin: auto;
} }
.NewPanel.AdminPanel .SearchContainer { .NewPanel.AdminPanel .SearchContainer {
width: 25%; width: 235px;
height: auto; height: auto;
background-color: #555; background-color: #555;
border-radius: 5px; border-radius: 5px;
margin-top: 37px; margin: 62px 25px 0 0;
display: flex; display: flex;
align-items: center; align-items: center;
align-content: center; align-content: center;
@ -235,6 +234,14 @@ h6 {
border: 5px solid #111; border: 5px solid #111;
border-radius: 100%; border-radius: 100%;
} }
.NewPanel .SearchBoard {
width: 100%;
height: 100%;
position: relative;
display: flex;
flex-direction: row;
justify-content: center;
}
.NewPanel .SearchContainer .UserThumbnail { .NewPanel .SearchContainer .UserThumbnail {
background-image: url(/img/defaultrender.png); background-image: url(/img/defaultrender.png);
background-size: contain; background-size: contain;
@ -267,6 +274,7 @@ h6 {
.NewPanel .AuthenticatedUserName { .NewPanel .AuthenticatedUserName {
color: #009dff; color: #009dff;
transition: .25s all ease-in-out; transition: .25s all ease-in-out;
display: inline-block;
} }
.NewPanel .AdminHeader .HomeBtn { .NewPanel .AdminHeader .HomeBtn {
color: #009dff; color: #009dff;

View File

@ -532,7 +532,7 @@ html {
} }
.loggedout { .loggedout {
background: url('../img/animated.png'); background: url('/img/animated.png');
background-color: rgb(49, 107, 223); background-color: rgb(49, 107, 223);
background-position: center bottom; background-position: center bottom;
background-repeat: repeat-x; background-repeat: repeat-x;

View File

@ -26,6 +26,7 @@
@endif @endif
<button class="btn-neutral btn-small" name="searchBy" value="name">Search by Username</button><button class="btn-neutral btn-small" name="searchBy" value="id">Search by ID</button></div> <button class="btn-neutral btn-small" name="searchBy" value="name">Search by Username</button><button class="btn-neutral btn-small" name="searchBy" value="id">Search by ID</button></div>
</form> </form>
<div class="SearchBoard">
@foreach ($users as $user) @foreach ($users as $user)
<div class="SearchContainer"> <div class="SearchContainer">
<div class="Thumbnail"> <div class="Thumbnail">
@ -141,6 +142,7 @@
@endif @endif
</div> </div>
</div> </div>
</div>
{{ $users->appends($_GET)->links() }} {{ $users->appends($_GET)->links() }}
@endsection @endsection
@section('content') @section('content')