Spaces:
Sleeping
Sleeping
feat(ui): add navbar with home and profile links
Browse files- static/style.css +35 -1
- templates/chat.html +5 -0
static/style.css
CHANGED
|
@@ -2,7 +2,7 @@ body {
|
|
| 2 |
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
|
| 3 |
background-color: #f0f2f5;
|
| 4 |
display: block;
|
| 5 |
-
padding-top:
|
| 6 |
min-height: 100vh;
|
| 7 |
margin: 0 auto;
|
| 8 |
}
|
|
@@ -126,3 +126,37 @@ button:hover {
|
|
| 126 |
gap: 0.5rem;
|
| 127 |
margin-bottom: 1rem;
|
| 128 |
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 2 |
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
|
| 3 |
background-color: #f0f2f5;
|
| 4 |
display: block;
|
| 5 |
+
padding-top: 60px; /* Aumentado levemente para acomodar a navbar fixa */
|
| 6 |
min-height: 100vh;
|
| 7 |
margin: 0 auto;
|
| 8 |
}
|
|
|
|
| 126 |
gap: 0.5rem;
|
| 127 |
margin-bottom: 1rem;
|
| 128 |
}
|
| 129 |
+
|
| 130 |
+
/* --- Navigation Bar --- */
|
| 131 |
+
.navbar {
|
| 132 |
+
background-color: #333;
|
| 133 |
+
overflow: hidden;
|
| 134 |
+
position: fixed;
|
| 135 |
+
top: 0;
|
| 136 |
+
width: 100%;
|
| 137 |
+
z-index: 1000;
|
| 138 |
+
display: flex;
|
| 139 |
+
justify-content: center;
|
| 140 |
+
box-shadow: 0 2px 5px rgba(0,0,0,0.2);
|
| 141 |
+
}
|
| 142 |
+
|
| 143 |
+
.navbar a {
|
| 144 |
+
float: left;
|
| 145 |
+
display: block;
|
| 146 |
+
color: #f2f2f2;
|
| 147 |
+
text-align: center;
|
| 148 |
+
padding: 14px 20px;
|
| 149 |
+
text-decoration: none;
|
| 150 |
+
font-size: 17px;
|
| 151 |
+
transition: background-color 0.3s;
|
| 152 |
+
}
|
| 153 |
+
|
| 154 |
+
.navbar a:hover {
|
| 155 |
+
background-color: #ddd;
|
| 156 |
+
color: black;
|
| 157 |
+
}
|
| 158 |
+
|
| 159 |
+
.navbar a.active {
|
| 160 |
+
background-color: #28a745;
|
| 161 |
+
color: white;
|
| 162 |
+
}
|
templates/chat.html
CHANGED
|
@@ -5,6 +5,11 @@
|
|
| 5 |
<title>Chat com IA</title>
|
| 6 |
</head>
|
| 7 |
<body>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 8 |
<div class="chat-container">
|
| 9 |
<div class="chat-box">
|
| 10 |
|
|
|
|
| 5 |
<title>Chat com IA</title>
|
| 6 |
</head>
|
| 7 |
<body>
|
| 8 |
+
<div class="navbar">
|
| 9 |
+
<a href="/">🏠 Início</a>
|
| 10 |
+
<a href="/perfil/{{ user_id }}">👤 Perfil</a>
|
| 11 |
+
</div>
|
| 12 |
+
|
| 13 |
<div class="chat-container">
|
| 14 |
<div class="chat-box">
|
| 15 |
|