Spaces:
Sleeping
Sleeping
Update templates/menu.html
Browse files- templates/menu.html +21 -0
templates/menu.html
CHANGED
|
@@ -163,6 +163,27 @@
|
|
| 163 |
.toast {
|
| 164 |
animation: slideIn 0.5s ease-out, fadeOut 3s 2s ease-out forwards;
|
| 165 |
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 166 |
</style>
|
| 167 |
</head>
|
| 168 |
<body>
|
|
|
|
| 163 |
.toast {
|
| 164 |
animation: slideIn 0.5s ease-out, fadeOut 3s 2s ease-out forwards;
|
| 165 |
}
|
| 166 |
+
.logout-button-container {
|
| 167 |
+
position: absolute;
|
| 168 |
+
top: 20px;
|
| 169 |
+
right: 20px;
|
| 170 |
+
}
|
| 171 |
+
|
| 172 |
+
.logout-button {
|
| 173 |
+
padding: 10px 20px;
|
| 174 |
+
background-color: #f44336; /* Red color */
|
| 175 |
+
color: white;
|
| 176 |
+
border: none;
|
| 177 |
+
border-radius: 5px;
|
| 178 |
+
font-size: 16px;
|
| 179 |
+
cursor: pointer;
|
| 180 |
+
transition: background-color 0.3s;
|
| 181 |
+
}
|
| 182 |
+
|
| 183 |
+
.logout-button:hover {
|
| 184 |
+
background-color: #d32f2f; /* Darker red on hover */
|
| 185 |
+
}
|
| 186 |
+
|
| 187 |
</style>
|
| 188 |
</head>
|
| 189 |
<body>
|