From 1ba0523b66435140ed3951d92c424186d19e827e Mon Sep 17 00:00:00 2001 From: angelp03 Date: Fri, 8 Nov 2024 15:11:10 -0600 Subject: [PATCH] Add styling again --- src/pages/CafePage.css | 92 ++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 92 insertions(+) diff --git a/src/pages/CafePage.css b/src/pages/CafePage.css index 5b783a7..fbd3cf6 100644 --- a/src/pages/CafePage.css +++ b/src/pages/CafePage.css @@ -1,3 +1,95 @@ + +.cafe-page-container { + padding: 2rem; + font-family: 'Hind Vadodara', sans-serif; +} + +.cafe-header { + margin-bottom: 2rem; + border-bottom: 1px solid #ddd; + padding-bottom: 1rem; + text-align: center; +} + +.cafe-header h1 { + font-size: 2.5rem; + color: #8A3323; + margin-bottom: 0.5rem; +} + +.cafe-header p { + font-size: 1.2rem; +} + +.posts-section { + margin-top: 2rem; +} + +.posts-section h2 { + font-size: 1.8rem; + margin-bottom: 1rem; + color: #8A3323; +} +.posts-list { + list-style-type: none; + padding: 0; +} + +.post-item { + padding: 1rem; + margin-bottom: 1rem; + border: 1px solid #ddd; + border-radius: 8px; + background-color: #fafafa; +} + +.post-header { + margin-bottom: 1rem; + font-size: 1rem; + color: #555; +} + +.post-header strong { + color: #8A3323; +} + +.post-content p { + font-size: 1.2rem; + color: #333; +} + +.replies-section { + margin-top: 1rem; + padding-left: 20px; + background-color: #f9f9f9; + border-left: 3px solid #8A3323; +} + +.replies-section h3 { + font-size: 1.5rem; + margin-bottom: 1rem; +} + +.reply-item { + margin-bottom: 0.8rem; + font-size: 1.1rem; + color: #333; +} + +.error-message { + text-align: center; + padding: 2rem; + background-color: #ffebee; + border: 1px solid #f44336; + border-radius: 8px; + color: #d32f2f; +} + +.error-message h1, +.error-message h3 { + color: #d32f2f; +} + .review-section { margin-top: 2rem; padding: 1rem;