Documentos de Académico
Documentos de Profesional
Documentos de Cultura
<body>
<h1>Crear Caso</h1>
<main>
<div class="izquierda">
<div>
<label for="">Tipo de caso:</label>
<select name="" id="">
<option value="1">Penal</option>
<option value="2"></option>
</select>
</div>
<div>
<label for="">Etapa actual:</label>
<select name="" id="">
<option value="">seleccione la etapa actual</option>
</select>
</div>
<div>
<h2>Accion</h2>
<select name="" id="">
<option value="">Seleccione la accion</option>
</select>
</div>
</div>
<div class="derecha">
<h2>Informacion del fiscal</h2>
<input type="text" placeholder="Nombre">
<input type="text" placeholder="Telefono">
<input type="number" placeholder="Numero de fiscal">
<input type="text" placeholder="Notas">
<input type="email" placeholder="Correo">
<input type="date" placeholder="fecha" class="fecha">
<h2>Informacion juez preliminar</h2>
<input type="number" placeholder="Numero de despacho">
<input type="number" placeholder="Numero de juez">
<input type="text" placeholder="Nombre">
<input type="email" placeholder="Correo">
<input type="text" placeholder="Direccion">
<input type="text" placeholder="Notas">
<input type="date" placeholder="fecha" class="fecha">
</div>
</main>
</body>
</template>
<script setup>
</script>
<style scoped>
*{
padding: 0;
margin: 0;
box-sizing: border-box;
}
body{
color: white;
background-color: black;
padding:10px;
border-radius: 15px;
}
main{
display: flex;
}
.izquierda{
display: flex;
flex-direction: column;
gap: 5px;
width: 50%;
}
.derecha{
width: 50%;
display: flex;
flex-direction: column;
gap: 5px;
}
input{
height: 30px;
width: 80%;
border-radius: 7px;
border: none;
cursor: pointer;
padding-left: 10px;
}
.fecha{
width: 45.5%;
height: 30px;
color: darkgray;
}
</style>