siswa updated

This commit is contained in:
RetasyaSalsabila 2026-02-27 09:32:27 +07:00
parent 6cb4a1bd64
commit 071b071603
3 changed files with 32 additions and 16 deletions

View File

@ -9,7 +9,6 @@
<div class="signin-container"> <div class="signin-container">
<h1 class="signin-title">SIGN IN GURU</h1> <h1 class="signin-title">SIGN IN GURU</h1>
{{-- Toast Notifikasi Error --}}
@if ($errors->any()) @if ($errors->any())
<div id="toast-error" class="toast-error"> <div id="toast-error" class="toast-error">
{{ $errors->first() }} {{ $errors->first() }}

View File

@ -3,7 +3,7 @@
@section('title', 'Login Siswa') @section('title', 'Login Siswa')
@section('content') @section('content')
<link rel="stylesheet" href="{{ asset('css/login-siswa.css') }}"> <link rel="stylesheet" href="{{ asset('css/login-admin.css') }}">
<section id="signin" class="signin-section"> <section id="signin" class="signin-section">
<div class="signin-container"> <div class="signin-container">

View File

@ -16,18 +16,25 @@
} }
.siswa-wrapper { .siswa-wrapper {
display: flex; display: flex;
min-height: 100vh; min-height: 100vh;
} }
/* SIDEBAR */
.sidebar { .sidebar {
width: 260px; width: 260px;
background: #ffffff; background: #ffffff;
border-right: 2px solid #e6f0ff; border-right: 2px solid #e6f0ff;
padding: 30px 20px; padding: 30px 20px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
transition: all 0.3s ease;
}
.sidebar.collapsed {
width: 0;
padding: 0;
overflow: hidden;
border: none;
} }
.sidebar-logo { .sidebar-logo {
@ -88,12 +95,16 @@
cursor: pointer; cursor: pointer;
} }
/* MAIN */
.main { .main {
flex: 1; flex: 1;
background: #f5f9ff; background: #f5f9ff;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
transition: all 0.3s ease;
}
.main.full {
margin-left: 0;
} }
/* TOPBAR */ /* TOPBAR */
@ -196,9 +207,15 @@ class="sidebar-link {{ request()->routeIs('siswa.profil*') ? 'active' : '' }}">
<!-- TOPBAR --> <!-- TOPBAR -->
<header class="topbar"> <header class="topbar">
<div class="topbar-left"> <div class="topbar-left">
<button id="toggleSidebar"
style="background:none;border:none;color:white;font-size:22px;margin-right:15px;cursor:pointer;">
</button>
👋 Hai, {{ Auth::guard('siswa')->user()->nama ?? 'Siswa' }} 👋 Hai, {{ Auth::guard('siswa')->user()->nama ?? 'Siswa' }}
</div> </div>
<div class="topbar-right"> <div class="topbar-right">
<img src="{{ asset('images/icon/sidebar/notif.png') }}" class="topbar-icon" alt="Notification"> <img src="{{ asset('images/icon/sidebar/notif.png') }}" class="topbar-icon" alt="Notification">
<img src="{{ asset('images/icon/sidebar/profil.png') }}" class="topbar-icon" alt="Profile"> <img src="{{ asset('images/icon/sidebar/profil.png') }}" class="topbar-icon" alt="Profile">