server components

assets/dashboard.css

@@ -185,20 +185,6 @@ body {
   font-weight: bold;
 }
 
-.server-container {
-  display: grid;
-  grid-template-columns: repeat(3, 1fr);
-  gap: 25px;
-}
-
-.server-container .server {
-  box-sizing: border-box;
-  background-color: #fff;
-  border-radius: 10px;
-  width: 100%;
-  height: 100%;
-  padding: 30px;
-}
 .dashboard-container h3 {
   padding: 0;
   margin: 0;
@@ -217,21 +203,11 @@ body {
     padding-left: 25px;
   }
 
-  .server-container {
-    grid-template-columns: repeat(2, 1fr);
-  }
-
   .overview-card {
     width: 100%;
   }
 }
 
-@media (max-width: 750px) {
-  .server-container {
-    grid-template-columns: repeat(1, 1fr);
-  }
-}
-
 .progress-bar {
   display: block;
   width: 100%;
@@ -249,113 +225,6 @@ body {
   border-radius: 10px;
 }
 
-.server-heading-inner {
-  display: flex;
-  gap: 10px;
-}
-
-.server-icon {
-  padding: 0.5rem;
-  border-radius: 10px;
-  width: 20px;
-  height: 20px;
-  background-color: rgb(219 234 254);
-  color: rgb(37 99 235);
-  margin-top: auto;
-  margin-bottom: auto;
-}
-
-.server-heading-info {
-  display: flex;
-  flex-direction: column;
-  gap: 7px;
-}
-
-.server-heading-info div div {
-  display: flex;
-  gap: 3px;
-  background-color: rgb(220, 252, 231);
-  color: rgb(22 101 52);
-  width: max-content;
-  padding-left: 10px;
-  padding-right: 10px;
-  padding-top: 3px;
-  padding-bottom: 3px;
-  border-radius: 10px;
-}
-
-.server-heading-info div div svg {
-  margin-top: auto;
-  margin-bottom: auto;
-}
-
-.server-heading-info div div p {
-  margin-top: auto;
-  margin-bottom: auto;
-  font-size: 14px;
-}
-
-.server-heading-info div {
-  display: flex;
-  flex-direction: row;
-  gap: 10px;
-}
-
-.server-heading-info div p {
-  margin: 0;
-  font-size: 14.5px;
-  margin-top: auto;
-  margin-bottom: auto;
-  color: rgb(100 116 139);
-}
-
-.server-heading {
-  display: flex;
-  justify-content: space-between;
-}
-
-.server-heading button {
-  margin: 0;
-  border: 0;
-  height: max-content;
-  width: max-content;
-  padding: 8px;
-  align-items: center;
-  background-color: transparent;
-  border-radius: 7px;
-  margin-top: auto;
-  margin-bottom: auto;
-}
-
-.server-heading button:hover {
-  background-color: #f1f5f9;
-}
-
-.server-monitor h2 {
-  margin: 0;
-  padding: 0;
-  margin-bottom: 20px;
-  display: flex;
-  gap: 7px;
-}
-
-.server-monitor h2 svg {
-  margin-top: auto;
-  margin-bottom: auto;
-}
-
-.server-monitor div {
-  display: flex;
-  justify-content: space-between;
-}
-
-.server-monitor div p {
-  margin-bottom: 8px;
-  font-size: 14px;
-  display: flex;
-  gap: 6px;
-}
-
 .low {
   color: rgb(34, 197, 94);
 }