Version 0.5.0 - Ajout des pipelines

public/stylesheets/style.css

@@ -291,7 +291,7 @@ a {
   backdrop-filter: blur(10px);
 }
 
-.subpanel-box {
+.taskbar-box {
 
   width: 100%;
   position: absolute;
@@ -303,31 +303,31 @@ a {
   
 }
 
-.subpanel-content {
+.taskbar-content {
 
   display: flex;
   justify-content: space-between;
   padding: 20px;
 }
 
-.subpanel-image {
+.taskbar-image {
 
   width: 50px;
   height: 50px;
   border-radius: 100%;
 }
 
-.subpanel-logo {
+.taskbar-logo {
   width: 50px;
   
   transition: 0.3s;
 }
 
-.subpanel-logo:hover {
+.taskbar-logo:hover {
   transform: scale(0.9);
 }
 
-.subpanel-user {
+.taskbar-user {
 
   display: flex;
   flex-direction: row;
@@ -335,14 +335,14 @@ a {
   align-items: center;
 }
 
-.subpanel-userinfo {
+.taskbar-userinfo {
   text-align: end;
   display: flex;
   flex-direction: column;
   gap: 5px;
 }
 
-.subpanel-actions {
+.taskbar-actions {
 
   display: flex;
   flex-direction: row;
@@ -351,7 +351,7 @@ a {
 
 }
 
-.subpanel-username {
+.taskbar-username {
 
   font-size: 14px;
   color: rgba(255, 255, 255, 0.68);
@@ -419,7 +419,7 @@ a {
 }
 
 
-.subpanel-dispname {
+.taskbar-dispname {
 
   margin-block: 0 !important;
 }
@@ -966,4 +966,88 @@ a {
   align-items: center;
   gap: 10px;
 
-}
+}
+
+/* PIPELINES */
+
+.pipelines {
+  
+  padding: 10px;
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+  overflow-y: auto;
+  height: 85%;
+  
+}
+
+.pipeline {
+
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  padding: 10px;
+  border-radius: 10px;
+  background-color: #1b1b1bc1;
+  transition: 0.1s;
+
+
+}
+
+.pipeline-info {
+
+  display: flex;
+  gap: 10px;
+  align-items: center;
+  font-size: 50px;
+  
+}
+
+.pipeline-title {
+
+  font-size: 20px;
+}
+
+.pipeline-text {
+
+  display: flex;
+  flex-direction: column;
+  font-size: 14px;
+}
+
+.pipeline-actions {
+
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+  align-items: flex-end;
+  justify-content: center;
+}
+
+.pipeline-options {
+
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  text-align: center;
+}
+
+
+.pl-reload {
+  display: flex;
+  align-items: center;
+  font-size: 17px;
+  transition: 0.1s;
+  gap: 10px;
+  padding: 5px;
+  border-radius: 10px;
+}
+
+
+
+.pl-reload:hover {
+
+  background-color: rgba(44, 40, 42, 0.614);
+
+}