Add styling again

392-f24 · Nov 8, 2024 · 1ba0523 · 1ba0523
1 parent e1ab1dd
commit 1ba0523
Showing 1 changed file with 92 additions and 0 deletions.
diff --git 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;