Está en la página 1de 3

<template>

<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>

<h2>Datos del cliente</h2>


<input type="text" placeholder="Nombre">
<input type="text" placeholder="Cedula">
<input type="text" placeholder="Telefono">
<input type="text" placeholder="Lugar de expedicion">
<input type="text" placeholder="Direccion">
<input type="email" placeholder="Correo">

<h2>Datos contacto del cliente</h2>


<input type="text" placeholder="Nombre">
<input type="text" placeholder="Telefono">
<input type="text" placeholder="Direccion">

<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>

También podría gustarte