Merge pull request #26 from Misoto22/14-link-existing-page

Link each components and different pages
Misoto22 · May 12, 2024 · b9ad1ec · b9ad1ec
2 parents 3171bcc + 5141413
commit b9ad1ec
Show file tree

Hide file tree

Showing 33 changed files with 537 additions and 305 deletions.
diff --git a/app/image/avatar1.png b/app/image/avatar1.png
diff --git a/app/image/avatar2.png b/app/image/avatar2.png
diff --git a/app/image/avatar3.png b/app/image/avatar3.png
diff --git a/app/image/avatar4.png b/app/image/avatar4.png
diff --git a/app/static/css/forum_reply.css b/app/static/css/forum_reply.css
@@ -114,11 +114,11 @@
   cursor: pointer;
 }
 
-.nested-reply-form textarea{
+.nested-reply-form textarea {
   width: 60%;
   height: 50px;
   padding: 10px;
   border: 1px solid #ccc;
   border-radius: 4px;
   resize: vertical;
-}
+}
diff --git a/app/static/css/forum_topic.css b/app/static/css/forum_topic.css
diff --git a/app/static/css/profile.css b/app/static/css/profile.css
@@ -1,86 +0,0 @@
-body {
-  font-family: Arial, sans-serif;
-  background: #f4f4f4;
-  margin: 0;
-  padding: 20px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  height: 100vh;
-}
-
-.profile-container {
-  background: #fff;
-  padding: 20px;
-  border-radius: 8px;
-  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
-  display: flex;
-  width: 80%;
-}
-
-.profile-content {
-  flex: 1; /* Takes up the remaining space /
-margin-right: 20px; / Ensures space between the content and the avatar */
-}
-
-.avatar-container {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 200px; /* Fixed width for the avatar image */
-}
-
-.avatar {
-  width: 70%;
-  height: auto;
-  border-radius: 50%; /* Makes the avatar circular */
-}
-
-h1 {
-  text-align: center;
-}
-
-.form-row {
-  display: flex;
-  justify-content: space-between;
-  margin-bottom: 20px;
-}
-
-label {
-  flex: 1;
-  margin-right: 20px;
-}
-
-label:last-child {
-  margin-right: 0;
-}
-
-input[type="text"],
-input[type="email"],
-input[type="tel"],
-select {
-  width: 100%;
-  padding: 8px;
-  margin-top: 8px;
-  border: 1px solid #ccc;
-  border-radius: 4px;
-}
-
-select[multiple] {
-  height: auto; /* Adjust height based on the number of options */
-  padding: 5px;
-}
-
-button {
-  width: 100%;
-  padding: 10px;
-  border: none;
-  background-color: #ff6347;
-  color: white;
-  border-radius: 4px;
-  cursor: pointer;
-}
-
-button:hover {
-  background-color: #e5533b;
-}