gitea/Abiyasa_Putra_Prasetya
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

change: add responsive layout on navbar manage question

Browse Source
This commit is contained in:
abiyasa05 2025-05-29 16:00:01 +07:00
parent 44e8680e07
commit 053fa94b5a
1 changed files with 19 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
Penilaian Literasi/iClOP-V2/resources/views/literacy/teacher/questions/index.blade.php
View File

@ -213,18 +213,25 @@
<body> <body>
<!-- NAVBAR --> <!-- NAVBAR -->
<nav class="navbar navbar-expand-lg" style="background-color: #FEFEFE;"> <nav class="navbar navbar-expand-lg" style="background-color: #FEFEFE;">
<div class="container-fluid d-flex justify-content-between align-items-center px-3 px-md-4"> <div class="container-fluid d-flex justify-content-between align-items-center px-3 px-md-4 position-relative">
<!-- Toggle Sidebar Kiri (mobile only) -->
<!-- Hamburger Toggle - Kiri (hanya tampil di mobile) -->
<button id="toggleSidebar" class="btn btn-primary d-md-none"> <button id="toggleSidebar" class="btn btn-primary d-md-none">
<i class="fas fa-bars"></i> <i class="fas fa-bars"></i>
</button> </button>
<!-- Logo - Tengah di desktop, kanan di mobile --> <!-- Dashboard Student - Tampil di tengah pada mobile -->
<div class="d-md-none position-absolute start-50 translate-middle-x text-center">
<a href="/dashboard-student" class="nav-link active text-dark fw-bold d-flex flex-column">
<span>Dashboard</span>
<span>Teacher</span>
</a>
</div>
<!-- Logo (di kanan pada mobile, tengah di desktop) -->
<img src="{{ asset('./images/logo.png') }}" alt="logo" width="104" height="65" class="order-md-1 order-2 ms-auto" id="logoResponsive"> <img src="{{ asset('./images/logo.png') }}" alt="logo" width="104" height="65" class="order-md-1 order-2 ms-auto" id="logoResponsive">
<!-- Menu Desktop --> <!-- Menu Desktop -->
<div class="collapse navbar-collapse order-md-2 order-3" id="navbarSupportedContent"> <div class="collapse navbar-collapse order-md-2 order-3 d-none d-md-flex" id="navbarSupportedContent">
<div class="mx-auto"> <div class="mx-auto">
<ul class="navbar-nav mb-2 mb-lg-0 justify-content-center"> <ul class="navbar-nav mb-2 mb-lg-0 justify-content-center">
<li class="nav-item"> <li class="nav-item">
@ -235,8 +242,7 @@
<div class="dropdown"> <div class="dropdown">
<p style="margin-top: 10px; margin-right: 10px;"> <p style="margin-top: 10px; margin-right: 10px;">
{{ auth()->user()->name }} {{ auth()->user()->name }}
<img src="{{ asset('./images/Group.png') }}" alt="Group" <img src="{{ asset('./images/Group.png') }}" alt="Group" style="height: 50px; margin-right: 10px;">
style="height: 50px; margin-right: 10px;">
<i class="fas fa-chevron-down" style="color: #0079FF;"></i> <i class="fas fa-chevron-down" style="color: #0079FF;"></i>
<div class="dropdown-content" id="dropdownContent"> <div class="dropdown-content" id="dropdownContent">
<form id="logout-form" action="{{ route('logout') }}" method="POST"> <form id="logout-form" action="{{ route('logout') }}" method="POST">