atpota.to / cred.blue
This repository has no description
0
Fork 0

Configure Feed

Select the types of activity you want to include in your feed.

fix nav styles

author
damedotblog date (Feb 27, 2025, 7:45 PM -0500) commit 592a1294 parent e8612157
+21 -8
+21 -8
src/components/Navbar/Navbar.css
··· 229 229 } 230 230 231 231 /* ---------------------------------- */ 232 - /* Dropdown Menu Styles - NEW VERSION */ 232 + /* Dropdown Menu Styles */ 233 233 /* ---------------------------------- */ 234 234 .dropdown-container { 235 235 position: relative; ··· 239 239 position: relative; 240 240 display: inline-block; 241 241 padding-right: 20px; /* Space for the arrow indicator */ 242 + white-space: nowrap; 242 243 } 243 244 244 245 .dropdown-trigger::after { ··· 360 361 font-weight: 700; 361 362 margin-top: 15px; 362 363 text-align: center; 364 + width: 100%; 363 365 } 364 366 365 367 .navbar-links ul { ··· 369 371 padding: 0; 370 372 list-style: none; 371 373 margin: 0px; 374 + align-items: flex-start; 372 375 } 373 376 374 377 .navbar-links ul li { 375 378 margin: 0 10px; 379 + position: relative; 376 380 } 377 381 378 382 /* Actions adjustments */ ··· 389 393 390 394 /* Dropdown adjustments for mobile */ 391 395 .dropdown-menu { 392 - position: static; 396 + position: absolute; 397 + top: 100%; 398 + left: 50%; 399 + transform: translateX(-50%); 393 400 display: none; 394 - box-shadow: none; 395 - min-width: auto; 396 - width: 100%; 401 + box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); 402 + min-width: 180px; 403 + width: auto; 397 404 margin-top: 8px; 398 405 margin-bottom: 8px; 399 406 padding: 8px 0; 400 - background-color: rgba(59, 154, 248, 0.05); 407 + background-color: var(--navbar-bg); 401 408 border: 1px solid var(--card-border); 402 409 border-radius: 4px; 403 - transform: none; 410 + z-index: 1000; 404 411 } 405 412 406 413 .dropdown-container:hover .dropdown-menu, ··· 408 415 display: block; 409 416 opacity: 1; 410 417 visibility: visible; 411 - transform: none; 412 418 } 413 419 414 420 /* Force menu items to be in a column */ ··· 416 422 display: block; 417 423 width: 100%; 418 424 text-align: center; 425 + margin: 0 !important; 419 426 } 420 427 421 428 .dropdown-menu li a { 422 429 padding: 8px 16px; 423 430 text-align: center; 424 431 display: block; 432 + white-space: nowrap; 433 + } 434 + 435 + .dropdown-trigger { 436 + display: inline-block; 437 + white-space: nowrap; 425 438 } 426 439 427 440 .dropdown-trigger::after {