styles

Lemoncode · monikMononoke · Mar 18, 2025 · Mar 19, 2025 · Mar 19, 2025 · Mar 19, 2025
commit 99a6ea598d508da6dace066eb30c7dc761739cd7
diff --git a/src/modules/expedientes/crear/components/steps/presupuesto-base.styles.ts b/src/modules/expedientes/crear/components/steps/presupuesto-base.styles.ts
@@ -0,0 +1,48 @@
+import { css } from '@emotion/css';
+
+export const form = css`
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  gap: 0;
+`;
+
+export const fields = css`
+  display: flex;
+  justify-content: center;
+  flex-direction: row;
+  flex-grow: 1;
+  gap: 16px;
+  margin: 0;
+`;
+
+export const rowHeader = css`
+  display: grid;
+  grid-template-columns: 1fr 1fr 1fr 65px;
+  background-color: #9c27b04d;
+
+  & > th {
+    font-weight: 600;
+  }
+`;
+export const rowsBody = css`
+  display: grid;
+  grid-template-columns: 1fr 1fr 1fr 65px;
+
+  & > td {
+    display: inline-flex;
+    justify-content: flex-start;
+    align-items: center;
+  }
+`;
+
+export const rowFooter = css`
+  box-sizing: border-box;
+  padding: 16px;
+`;
+
+export const button = css`
+  background-color: #9c27b0;
+  width: 50%;
+`;