feat: criando base dos filtros de licitacoes

unb-mds · Jul 3, 2024 · 625bdae · 625bdae
1 parent 78dab81
commit 625bdae
Show file tree

Hide file tree

Showing 2 changed files with 61 additions and 1 deletion.
diff --git a/frontend/src/pages/bidding-list/filter/index.jsx b/frontend/src/pages/bidding-list/filter/index.jsx
@@ -4,7 +4,43 @@ import styles from './style.module.css';
 export default function Filter() {
   return (
     <section className={styles.filterSection}>
-      Filter
+      <h2 className={styles.title}>Resultados obtidos de:</h2>
+      <h3 className={styles.subtitle}>"Palavras-chave de busca"</h3>
+      <span className={styles.description}>14 resultados obtidos</span>
+      <h3 className={styles.sectionTitle}>Modalidade de compra</h3>
+      <ul>
+        <li className={styles.listItemStyle}>
+          <input type='checkbox' name='licit1' />
+          <label htmlFor="licit1">Tipo de licitação</label>
+        </li>
+        <li className={styles.listItemStyle}>
+          <input type='checkbox' name='licit1' />
+          <label htmlFor="licit1">Tipo de licitação</label>
+        </li>
+        <li className={styles.listItemStyle}>
+          <input type='checkbox' name='licit1' />
+          <label htmlFor="licit1">Tipo de licitação</label>
+        </li>
+      </ul>
+      <h3 className={styles.sectionTitle}>Órgão</h3>
+      <ul>
+        <li className={styles.listItemStyle}>
+          <input type='checkbox' name='org1' />
+          <label htmlFor="org1">Órgão</label>
+        </li>
+        <li className={styles.listItemStyle}>
+          <input type='checkbox' name='org1' />
+          <label htmlFor="org1">Órgão</label>
+        </li>
+        <li className={styles.listItemStyle}>
+          <input type='checkbox' name='org1' />
+          <label htmlFor="org1">Órgão</label>
+        </li>
+      </ul>
+      <h3 className={styles.sectionTitle}>Status</h3>
+      <h3 className={styles.sectionTitle}>Preço</h3>
+      <input type="range" />
+      <h3 className={styles.sectionTitle}>Período</h3>
     </section>
   )
 }
diff --git a/frontend/src/pages/bidding-list/filter/style.module.css b/frontend/src/pages/bidding-list/filter/style.module.css
@@ -3,4 +3,28 @@
   background-color: var(--brancoTexto);
   border-radius: 16px;
   flex: 1;
+  padding: 32px 16px;
+}
+
+.title{
+  font-weight: bold;
+  font-size: 32px;
+}
+
+.subtitle{
+  font-size: 28px;
+  font-weight: normal;
+}
+
+.description{
+  font-size: 18px;
+}
+
+.sectionTitle{
+  font-size: 24px;
+  font-weight: bold;
+}
+
+.listItemStyle {
+  list-style-type: none;
 }