wip

src/pages/Transportes/Transportes.css

@@ -1,9 +1,8 @@
 .header-page{
-  background-color: var(--ion-toolbar-background);
-  border-bottom: 1px solid var(--ion-toolbar-border-color);
+  background-color: var(--ion-item-background);
+  border-bottom: 1px solid var(--ion-color-step-150, #dadada);
   height: 3.5rem;
   display: flex;
-  justify-content: center;
   padding: 0.5rem;
 }
 
@@ -12,8 +11,57 @@
 }
 
 .span-info-back{
-  background-color: #4e4e4e;
+  background-color: var(--ion-color-step-150, #dadada);
   border-radius: 0.5rem;
   padding: 0.5rem;
   display: flex;
+  width: 100%;
+}
+
+.address-from-to{
+  /* display: block; */
+  margin-top: -0.2rem;
+  font-size: 0.8rem;
+  white-space: nowrap;
+  overflow: hidden;
+  max-width: 100%;
+}
+
+/* .address-from-to span{
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  width: 1rem!important;
+} */
+
+.address-from-to ion-icon{
+  margin-inline: 0.2rem;
+}
+
+.address-from-to small{
+  display: block;
+}
+
+.header-tabs{
+  background-color: var(--ion-color-step-150,#dadada);
+  height: 5.5rem;
+  padding: 0.5rem;
+}
+
+.header-tabs h5{
+  margin: 0;
+}
+
+.header-tabs .card-transporte{
+  margin: 0;
+}
+
+.content-filter-modal{
+  margin: 0.5rem;
+}
+
+.header-filter-modal{
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
 }