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.

add missing styles

author
damedotblog date (Feb 27, 2025, 8:16 PM -0500) commit e83adb65 parent ead170ce
+92
+92
src/components/common/RelatedPagesNav.css
··· 1 + /* src/components/common/RelatedPagesNav.css */ 2 + 3 + .related-pages-container { 4 + margin-top: 50px; 5 + margin-bottom: 20px; 6 + border-radius: 6px; 7 + background-color: var(--navbar-bg, #fff); 8 + overflow: hidden; 9 + transition: all 0.3s ease; 10 + border: 1px solid var(--card-border, #e2e8f0); 11 + } 12 + 13 + .related-pages-title { 14 + padding: 15px; 15 + margin: 0; 16 + font-weight: 600; 17 + color: var(--text); 18 + border-bottom: 1px solid var(--card-border, #e2e8f0); 19 + } 20 + 21 + .related-pages-links { 22 + display: flex; 23 + flex-direction: column; 24 + } 25 + 26 + .related-page-link { 27 + display: flex; 28 + justify-content: space-between; 29 + align-items: center; 30 + text-decoration: none; 31 + padding: 15px; 32 + transition: all 0.2s ease; 33 + color: var(--text); 34 + border-bottom: 1px solid var(--card-border, #e2e8f0); 35 + } 36 + 37 + .related-page-link:last-child { 38 + border-bottom: none; 39 + } 40 + 41 + .related-page-link:hover { 42 + background-color: var(--background, #f8f9fa); 43 + text-decoration: none; 44 + } 45 + 46 + .related-page-content { 47 + flex: 1; 48 + } 49 + 50 + .related-page-content h4 { 51 + margin: 0 0 5px 0; 52 + font-weight: 500; 53 + color: var(--button-bg, #3B9AF8); 54 + } 55 + 56 + .related-page-content p { 57 + margin: 0; 58 + font-size: 0.9em; 59 + opacity: 0.8; 60 + } 61 + 62 + .related-page-arrow { 63 + font-size: 1.2em; 64 + color: var(--button-bg, #3B9AF8); 65 + margin-left: 10px; 66 + } 67 + 68 + /* Dark mode specific overrides */ 69 + .dark-mode .related-pages-container { 70 + background-color: var(--navbar-bg); 71 + border-color: var(--card-border); 72 + } 73 + 74 + .dark-mode .related-pages-title { 75 + border-bottom-color: var(--card-border); 76 + } 77 + 78 + .dark-mode .related-page-link { 79 + border-bottom-color: var(--card-border); 80 + } 81 + 82 + .dark-mode .related-page-link:hover { 83 + background-color: #2d2d2d; 84 + } 85 + 86 + .dark-mode .related-page-content h4 { 87 + color: var(--button-bg); 88 + } 89 + 90 + .dark-mode .related-page-arrow { 91 + color: var(--button-bg); 92 + }