Update app.py
Browse files
app.py
CHANGED
|
@@ -30,28 +30,46 @@ badges = """
|
|
| 30 |
"""
|
| 31 |
menu = """
|
| 32 |
<style>
|
| 33 |
-
.menu-bar {
|
| 34 |
-
|
| 35 |
-
|
| 36 |
-
|
| 37 |
-
|
| 38 |
-
|
| 39 |
-
|
| 40 |
-
}
|
| 41 |
-
.menu-
|
| 42 |
-
|
| 43 |
-
|
| 44 |
-
|
| 45 |
-
|
| 46 |
-
|
| 47 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 48 |
</style>
|
| 49 |
|
| 50 |
<div class="menu-bar">
|
| 51 |
-
|
| 52 |
-
<
|
| 53 |
-
|
| 54 |
-
|
|
|
|
|
|
|
| 55 |
</div>
|
| 56 |
"""
|
| 57 |
|
|
|
|
| 30 |
"""
|
| 31 |
menu = """
|
| 32 |
<style>
|
| 33 |
+
.menu-bar {
|
| 34 |
+
display: flex;
|
| 35 |
+
justify-content: space-between;
|
| 36 |
+
align-items: center;
|
| 37 |
+
background-color: #333;
|
| 38 |
+
padding: 10px;
|
| 39 |
+
color: white;
|
| 40 |
+
}
|
| 41 |
+
.menu-icon {
|
| 42 |
+
font-size: 24px;
|
| 43 |
+
background-color: #ffffff;
|
| 44 |
+
border-radius: 50%;
|
| 45 |
+
padding: 5px;
|
| 46 |
+
}
|
| 47 |
+
.menu-items {
|
| 48 |
+
display: flex;
|
| 49 |
+
gap: 15px;
|
| 50 |
+
}
|
| 51 |
+
.menu-item {
|
| 52 |
+
padding: 8px 16px;
|
| 53 |
+
background-color: #555;
|
| 54 |
+
border-radius: 4px;
|
| 55 |
+
transition: background-color 0.3s;
|
| 56 |
+
}
|
| 57 |
+
.menu-item a {
|
| 58 |
+
color: white;
|
| 59 |
+
text-decoration: none;
|
| 60 |
+
}
|
| 61 |
+
.menu-item:hover {
|
| 62 |
+
background-color: #777;
|
| 63 |
+
}
|
| 64 |
</style>
|
| 65 |
|
| 66 |
<div class="menu-bar">
|
| 67 |
+
<span class="menu-icon">🎵</span>
|
| 68 |
+
<div class="menu-items">
|
| 69 |
+
<span class="menu-item"><a href="#">Item 1</a></span>
|
| 70 |
+
<span class="menu-item"><a href="#">Item 2</a></span>
|
| 71 |
+
<span class="menu-item"><a href="#">Item 3</a></span>
|
| 72 |
+
</div>
|
| 73 |
</div>
|
| 74 |
"""
|
| 75 |
|