fixed dashboard and home style, added deploy script

fulanii · Dec 17, 2024 · 8f683ad · 8f683ad
1 parent 075d5e9
commit 8f683ad
Show file tree

Hide file tree

Showing 6 changed files with 23 additions and 22 deletions.
diff --git a/.github/workflows/deploy.yml b/.github/workflows/deploy.yml
@@ -43,11 +43,11 @@ jobs:
         run: |
           docker compose -f docker-compose.yml push
 
-      # - name: Deploy to production using Docker Compose
-      #   run: |
-      #     sshpass -p "${{ secrets.PRODUCTION_PASSWORD }}" ssh -o StrictHostKeyChecking=no ${{ secrets.PRODUCTION_USER }}@${{ secrets.PRODUCTION_HOST }} << EOF
-      #       cd /path/to/your/production/directory
-      #       docker-compose pull
-      #       docker-compose down
-      #       docker-compose up -d
-      #     EOF
+      - name: Deploy to production using Docker Compose
+        run: |
+          ssh -o StrictHostKeyChecking=no ${{ secrets.PRODUCTION_USER }}@${{ secrets.PRODUCTION_HOST }} << EOF 
+            cd /home
+            docker-compose pull
+            docker-compose down
+            docker-compose up -d --build
+          EOF
diff --git a/auto_app/views.py b/auto_app/views.py
@@ -85,7 +85,7 @@ def dashboard(request):
     formatted_datetime = now.strftime("%Y-%m-%dT%H:%M")
 
     user_blue_profile = BlueskyProfile.objects.filter(user_id=login_user.id).first()
-    user_all_blue_post = Post.objects.filter(user_id=login_user.id)
+    user_all_blue_post = Post.objects.filter(user_id=login_user.id).order_by('-posting_date')
 
     context = {
         "min_date": formatted_datetime,

diff --git a/static/auto_app/css/base/base.css b/static/auto_app/css/base/base.css
@@ -3,8 +3,12 @@ body {
   color: var(--primary-text-color);
   background-color: var(--body-bg-color);
   overflow-x: hidden;
+
+
+  display: flex;
+  flex-direction: column;
+  min-height: 100vh;
 }
 #main {
   /* height: 100vh; */
-  margin: 100px 0 100px 0;
 }
diff --git a/static/auto_app/css/layouts/footer.css b/static/auto_app/css/layouts/footer.css
@@ -1,14 +1,12 @@
 #footer {
-  /* position: absolute;
-  bottom: 0; */
   background-color: var(--primary-bg-color);
   display: flex;
   flex-direction: column;
   align-items: center;
   padding: 50px;
   border-top: solid;
   border-width: thin;
-  /* height: 50px; */
+  margin-top: auto;
 }
 .footer__p {
   color: var(--footer-text-color);

diff --git a/static/auto_app/css/pages/dashboard.css b/static/auto_app/css/pages/dashboard.css
@@ -1,7 +1,9 @@
 #dashboard {
   font-family: Arial, sans-serif;
   padding: 20px;
-  height: 100%;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
 }
 
 .dashboard-header h1 {
@@ -18,7 +20,6 @@
 
   flex-wrap: wrap; /* Ensure buttons wrap on smaller screens */
   gap: 10px; /* Add spacing between buttons */
-
 }
 
 .tab-button {
@@ -28,7 +29,6 @@
   transition: background 0.3s;
 
   flex: 1; /* Makes buttons equal width */
-
 }
 
 .tab-button.active {
@@ -45,7 +45,6 @@
 /* media queries ----------------- media queries */
 /* breakdown 440px and bellow */
 
-
 @media (max-width: 440px) {
   .dashboard-tabs {
     flex-direction: column; /* Stack the buttons vertically */
@@ -55,11 +54,11 @@
   .tab-button {
     font-size: 14px; /* Slightly smaller font size for smaller screens */
   }
-  .dashboard-header h1 { 
-    margin: 0 0 50px 0;
+  .dashboard-header h1 {
+    margin: 50px 0 50px 0;
     font-size: 20px;
   }
-  #dashboard{
+  #dashboard {
     padding: 5px;
   }
-}
+}
diff --git a/static/auto_app/css/pages/home.css b/static/auto_app/css/pages/home.css
@@ -1,5 +1,5 @@
 #home{
-    height: 50vh;
+    height: 100vh;
     display: flex;
     justify-content: center;
     align-items: center;