57 lines
1.5 KiB
HTML
57 lines
1.5 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
|
|
<head>
|
|
<title>Main</title>
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css">
|
|
<script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js"></script>
|
|
<style>
|
|
.profile-action:hover .profile-action-dropdown {
|
|
display: inline-block;
|
|
}
|
|
|
|
aside ul li:hover .menu-item-text {
|
|
display: inline-block;
|
|
position: absolute;
|
|
margin-left: 7rem;
|
|
width: 10rem;
|
|
padding: 22px;
|
|
background-color: rgba(247, 250, 252, var(--bg-opacity));
|
|
}
|
|
|
|
aside .logout:hover .menu-item-text {
|
|
display: inline-block;
|
|
padding: 22px;
|
|
position: absolute;
|
|
margin-left: 7rem;
|
|
width: 10rem;
|
|
}
|
|
|
|
.date:after {
|
|
content: "";
|
|
position: absolute;
|
|
border-top: 1px solid #e2e8f0;
|
|
top: 12px;
|
|
width: 150px;
|
|
}
|
|
|
|
.date:after {
|
|
margin-left: 15px;
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
|
|
<body class="bg-gray-200 h-screen w-screen flex">
|
|
<div class="flex-1 flex flex-col" x-data="{ open: false }">
|
|
<button class="bg-blue-500 text-white p-4" @click="open = !open">Toggle Dropdown</button>
|
|
<div x-show="open" class="mt-2 p-4 bg-white shadow-lg">
|
|
Dropdown Content
|
|
</div>
|
|
|
|
{{template "partials/landing-header" .}}
|
|
{{embed}}
|
|
</div>
|
|
</body>
|
|
|
|
</html> |