Welcome to Aurora.me
Connecting you with the celestial lights
-
+ {{#unless user}}
+
+ {{/unless}}
\ No newline at end of file
diff --git a/ProjectSourceCode/src/views/pages/social.hbs b/ProjectSourceCode/src/views/pages/social.hbs
index 5c0fbcb..3e488e9 100644
--- a/ProjectSourceCode/src/views/pages/social.hbs
+++ b/ProjectSourceCode/src/views/pages/social.hbs
@@ -47,16 +47,72 @@
justify-content: space-around;
text-align: center;
}
- #post-form {
- margin-top: 20px;
- display: flex;
- align-items: center;
- flex-direction: column;
- background-color: #7d7474;
- max-width: 400px;
- margin-left: 650px;
- text-align: center;
- }
+/* Update the post-form styling */
+#post-form {
+ margin: 20px auto; /* Center horizontally */
+ padding: 25px;
+ display: flex;
+ align-items: center;
+ flex-direction: column;
+ background-color: #ffffff;
+ max-width: 500px;
+ border-radius: 10px;
+ box-shadow: 0 2px 10px rgba(0,0,0,0.1);
+}
+
+/*added some more styling to the post form */
+#post-form form {
+ width: 100%;
+ padding: 15px;
+}
+
+#post-form .mb-3 {
+ margin-bottom: 20px;
+}
+
+#post-form .form-label {
+ font-weight: 500;
+ color: #333;
+ margin-bottom: 8px;
+ display: block;
+}
+
+#post-form input[type="file"] {
+ width: 100%;
+ padding: 8px;
+ border: 2px solid #e0e0e0;
+ border-radius: 5px;
+ background-color: #f8f9fa;
+}
+
+#post-form .form-control {
+ width: 100%;
+ padding: 10px;
+ border: 2px solid #e0e0e0;
+ border-radius: 5px;
+ transition: border-color 0.3s ease;
+}
+
+#post-form .form-control:focus {
+ border-color: #6c757d;
+ outline: none;
+}
+
+#post-form .btn-primary {
+ width: 100%;
+ padding: 12px;
+ background-color: #6c757d;
+ border: none;
+ border-radius: 5px;
+ color: white;
+ font-weight: 500;
+ transition: background-color 0.3s ease;
+}
+
+#post-form .btn-primary:hover {
+ background-color: #5a6268;
+ transform: translateY(-1px);
+}