update header styling, add searchbar and implement it on every page
This commit is contained in:
@@ -31,8 +31,9 @@ $topics = $subjectData->topics;
|
||||
|
||||
|
||||
<body class="min-h-screen">
|
||||
<?php include 'header.php'; ?>
|
||||
|
||||
<nav class="sidebar bg-[<?php echo($subjectData->color); ?>]">
|
||||
<nav class="sidebar bg-[<?php echo($subjectData->color); ?>] pt-24">
|
||||
<div class="sidebar-header">
|
||||
<i class="fas fa-graduation-cap"></i>
|
||||
|
||||
@@ -47,15 +48,6 @@ $topics = $subjectData->topics;
|
||||
</a>
|
||||
</nav>
|
||||
|
||||
<div class="search-container bg-white">
|
||||
<button class="menu-toggle h-12 w-12 border-2 p-1 hover:border-[<?php echo($subjectData->color); ?>]">
|
||||
<i class="fas fa-bars"></i>
|
||||
</button>
|
||||
<input type="text" class="search-box p-3 border-2 w-full focus:border-[<?php echo($subjectData->color); ?>]"
|
||||
id="searchInput" placeholder="Suche nach Themen, Übungen oder Hilfe..."
|
||||
oninput="handleSearch()">
|
||||
</div>
|
||||
|
||||
<div class="main-content">
|
||||
<div class="max-w-7xl mx-auto px-4 py-12 grid grid-cols-1 md:grid-cols-2 2xl:grid-cols-3 gap-8 mb-8">
|
||||
|
||||
@@ -80,13 +72,13 @@ $topics = $subjectData->topics;
|
||||
<h4>Verwandte Themen:</h4>
|
||||
<ul>
|
||||
<?php
|
||||
foreach ($topicData->relatedTopics as $relatedTopicName) {
|
||||
$relatedTopic = $subjectData->topics[$relatedTopicName];
|
||||
if (!isset($relatedTopicName)) {
|
||||
continue;
|
||||
}
|
||||
foreach ($topicData->relatedTopics as $relatedTopicName) {
|
||||
$relatedTopic = $subjectData->topics[$relatedTopicName];
|
||||
if (!isset($relatedTopicName)) {
|
||||
continue;
|
||||
}
|
||||
|
||||
?>
|
||||
?>
|
||||
|
||||
<li onclick="event.stopPropagation();" class="border-[<?php echo($subjectData->color); ?>] border-2">
|
||||
<a href='<?php echo("topic.php?subject=$subjectData->id&topic=$relatedTopic->id") ?>'>
|
||||
@@ -95,8 +87,8 @@ $topics = $subjectData->topics;
|
||||
</li>
|
||||
|
||||
<?php
|
||||
}
|
||||
?>
|
||||
}
|
||||
?>
|
||||
</ul>
|
||||
</div>-->
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user