Skip to content

Commit 56a6860

Browse files
AlexGBravoAlexGBravo
committed
Mejoras visuales
1 parent 1aa4acc commit 56a6860

File tree

4 files changed

+25
-30
lines changed

4 files changed

+25
-30
lines changed

‎LIN.Stockify/Components/Popup/MemberPopup.razor‎

Lines changed: 10 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -2,40 +2,40 @@
22

33

44
<!-- Small Modal -->
5-
<div id="small-modal-member" tabindex="-1" class="fixed top-0 left-0 right-0 z-50 hidden w-full p-4 overflow-x-hidden overflow-y-auto md:inset-0 h-[calc(100%-1rem)] max-h-full">
6-
<div class="relative w-full max-w-md max-h-full">
5+
<div id="small-modal-member" tabindex="-1" class="h-[calc(100%-1rem)] fixed left-0 right-0 top-0 z-50 hidden max-h-full w-full overflow-y-auto overflow-x-hidden p-4 md:inset-0">
6+
<div class="relative max-h-full w-full max-w-md">
77

88
<!-- Modal content -->
9-
<div class="relative bg-white rounded-xl shadow dark:bg-zinc-900 p-4">
9+
<div class="relative rounded-xl bg-white p-4 shadow dark:bg-zinc-900">
1010

1111
<!-- Modal header -->
1212
<div class="flex items-center justify-between rounded-t dark:border-gray-600">
13-
<button id="closeee-member" type="button" class="text-gray-400 bg-transparent hover:bg-gray-200 hover:text-gray-900 rounded-lg text-sm w-8 h-8 ms-auto inline-flex justify-center items-center dark:hover:bg-gray-600 dark:hover:text-white" data-modal-hide="small-modal">
14-
<svg class="w-3 h-3" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14">
13+
<button id="closeee-member" type="button" class="ms-auto inline-flex h-8 w-8 items-center justify-center rounded-lg bg-transparent text-sm text-gray-400 hover:bg-gray-200 hover:text-gray-900 dark:hover:bg-gray-600 dark:hover:text-white" data-modal-hide="small-modal">
14+
<svg class="h-3 w-3" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14">
1515
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 6 6m0 0 6 6M7 7l6-6M7 7l-6 6" />
1616
</svg>
1717
<span class="sr-only">Close modal</span>
1818
</button>
1919
</div>
2020

2121
<!-- Modal body -->
22-
<div class="p-4 md:p-5 -mt-8">
22+
<div class="-mt-8 p-4 md:p-5">
2323

24-
<div class="flex items-center justify-center flex-col w-full">
24+
<div class="flex w-full flex-col items-center justify-center">
2525

2626

2727

28-
<div class="relative inline-flex items-center justify-center w-16 h-16 overflow-hidden bg-gray-100 rounded-full dark:bg-zinc-700">
28+
<div class="relative inline-flex h-16 w-16 items-center justify-center overflow-hidden rounded-full bg-gray-100 dark:bg-zinc-700">
2929
<span class="font-medium text-gray-600 dark:text-gray-300">@Global.Utilities.Strings.GetInitials(Model?.Nombre ?? "")</span>
3030
</div>
3131

3232

3333

3434

35-
<label class="mt-1 font-bold text-xl text-zinc-900 dark:text-zinc-200">@(Model?.Nombre ?? "Unnamed")</label>
35+
<label class="mt-1 text-xl font-bold text-zinc-900 dark:text-zinc-200">@(Model?.Nombre ?? "Unnamed")</label>
3636

3737

38-
<select @bind="Type" @oninput="Change" id="small" class="block w-full p-2 mb-6 text-sm text-gray-900 border border-gray-300 rounded-lg bg-gray-50 focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500 mt-4 mx-5">
38+
<select @bind="Type" @oninput="Change" id="small" class="mx-5 mb-6 mt-4 block w-full rounded-lg border border-gray-300 bg-gray-50 p-2 text-sm text-gray-900 outline-none focus:ring-current-500 focus:border-current-500 dark:bg-zinc-800 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-current-500 dark:focus:border-current-500">
3939
<option value="0">Sin rol</option>
4040
<option value="1">Administrador</option>
4141
<option value="2">Integrante</option>

‎LIN.Stockify/Pages/Sections/Settings.razor‎

Lines changed: 12 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22

33

44
@* Pantalla *@
5-
<div class="flex flex-grow flex-col w-full h-full overflow-hidden px-4 lg:px-6">
5+
<div class="flex h-full w-full flex-grow flex-col overflow-hidden px-4 lg:px-6">
66

77
@* Header. *@
88
<LIN.Components.Layout.Header Tittle="Configuración" GoBack="true" />
@@ -15,23 +15,18 @@
1515
<div class="mt-3">
1616
<div class="flex flex-col justify-center py-4">
1717

18-
<div class="flex items-center justify-center flex-col w-full">
18+
<div class="flex w-full flex-col items-center justify-center">
1919

2020
<div class="w-full">
21-
<label for="small-input" class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">Nombre</label>
22-
<input @bind=Name type="text" id="small-input" class="block w-full appearance-none rounded-md border border-gray-200 bg-gray-50 p-2 text-gray-900 placeholder-gray-400 focus:border-current-500 focus:bg-white focus:outline-none focus:ring-current-500 sm:text-xs dark:bg-zinc-900 focus:dark:bg-[#323232] dark:border-zinc-700 dark:text-gray-100">
21+
<label for="small-input" class="mb-2 block text-sm font-medium text-gray-900 dark:text-white">Nombre</label>
22+
<input @bind=Name type="text" id="small-input" class="block w-full appearance-none rounded-md border border-gray-200 bg-gray-50 p-2 text-gray-900 placeholder-gray-400 focus:border-current-500 focus:bg-white focus:outline-none focus:ring-current-500 dark:bg-zinc-900 dark:border-zinc-700 dark:text-gray-100 sm:text-xs focus:dark:bg-[#323232]">
2323
</div>
2424

25-
<div class="w-full mt-3.5">
26-
<label for="small-input" class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">Descripción</label>
27-
<input @bind=Description type="text" id="small-input" class="block w-full appearance-none rounded-md border border-gray-200 bg-gray-50 p-2 text-gray-900 placeholder-gray-400 focus:border-current-500 focus:bg-white focus:outline-none focus:ring-current-500 sm:text-xs dark:bg-zinc-900 focus:dark:bg-[#323232] dark:border-zinc-700 dark:text-gray-100">
25+
<div class="mt-3.5 w-full">
26+
<label for="small-input" class="mb-2 block text-sm font-medium text-gray-900 dark:text-white">Descripción</label>
27+
<input @bind=Description type="text" id="small-input" class="block w-full appearance-none rounded-md border border-gray-200 bg-gray-50 p-2 text-gray-900 placeholder-gray-400 focus:border-current-500 focus:bg-white focus:outline-none focus:ring-current-500 dark:bg-zinc-900 dark:border-zinc-700 dark:text-gray-100 sm:text-xs focus:dark:bg-[#323232]">
2828
</div>
2929

30-
31-
32-
33-
34-
3530
</div>
3631

3732

@@ -49,13 +44,13 @@
4944

5045

5146
@* Total de resultados. *@
52-
<label class="text-zinc-400 text-sm">Se encontraron @(Response?.Models.Count ?? 0) resultados</label>
47+
<label class="text-sm text-zinc-400">Se encontraron @(Response?.Models.Count ?? 0) resultados</label>
5348

5449
</div>
5550

5651

5752
@* Componentes. *@
58-
<div class="flex-1 overflow-auto gap-2 UIScroll">
53+
<div class="flex-1 UIScroll gap-2 overflow-auto">
5954

6055

6156
@* Componentes. *@
@@ -81,7 +76,7 @@
8176
@* Cargando *@
8277
@if (Response == null || IsLoading)
8378
{
84-
<div class="w-full flex items-center justify-center">
79+
<div class="flex w-full items-center justify-center">
8580
<Loader />
8681
</div>
8782
}
@@ -99,7 +94,7 @@
9994
@* No hay elementos *@
10095
@if (Response.Models.Count <= 0)
10196
{
102-
<div class="flex rounded-lg justify-center items-center border-dashed border-2 border-zinc-300 w-full py-7 mt-3 dark:border-gray-400">
97+
<div class="border-2 mt-3 flex w-full items-center justify-center rounded-lg border-dashed border-zinc-300 py-7 dark:border-gray-400">
10398
<label class="text-zinc-400 dark:text-gray-200">No tienes ningún producto</label>
10499
</div>
105100
}
@@ -120,7 +115,7 @@
120115
@* Otros *@
121116
default:
122117
{
123-
<div class="flex rounded-lg justify-center items-center border-dashed border-2 border-zinc-300 w-full py-7 mt-3 dark:border-gray-400">
118+
<div class="border-2 mt-3 flex w-full items-center justify-center rounded-lg border-dashed border-zinc-300 py-7 dark:border-gray-400">
124119
<label class="text-zinc-400 dark:text-gray-200">Error al obtener los productos</label>
125120
</div>
126121
break;

‎LIN.Stockify/Pages/Sections/Viewer/Entrada.razor‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -88,9 +88,9 @@
8888
@* Componentes. *@
8989
<div class="flex-1 mt-5 h-full gap-2 overflow-auto">
9090

91-
<div class="flex w-full justify-between gap-2 p-4">
91+
<div class="flex w-full overflow-visible py-2">
9292

93-
<button type="button" class="mb-2 me-2 flex w-full items-center justify-center rounded-lg bg-current-500 px-5 py-2.5 text-center text-sm font-medium text-white hover:bg-current-600 focus:ring-4 focus:outline-none focus:ring-current-500/50 dark:focus:ring-current-500/55">
93+
<button type="button" class="flex w-full items-center justify-center rounded-lg bg-current-500 px-5 py-2.5 text-center text-sm font-medium text-white hover:bg-current-600 focus:ring-4 focus:outline-none focus:ring-current-500/50 dark:focus:ring-current-500/55">
9494
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="me-2 h-4 w-4" viewBox="0 0 16 16">
9595
<path d="M5.523 12.424q.21-.124.459-.238a8 8 0 0 1-.45.606c-.28.337-.498.516-.635.572l-.035.012a.3.3 0 0 1-.026-.044c-.056-.11-.054-.216.04-.36.106-.165.319-.354.647-.548m2.455-1.647q-.178.037-.356.078a21 21 0 0 0 .5-1.05 12 12 0 0 0 .51.858q-.326.048-.654.114m2.525.939a4 4 0 0 1-.435-.41q.344.007.612.054c.317.057.466.147.518.209a.1.1 0 0 1 .026.064.44.44 0 0 1-.06.2.3.3 0 0 1-.094.124.1.1 0 0 1-.069.015c-.09-.003-.258-.066-.498-.256M8.278 6.97c-.04.244-.108.524-.2.829a5 5 0 0 1-.089-.346c-.076-.353-.087-.63-.046-.822.038-.177.11-.248.196-.283a.5.5 0 0 1 .145-.04c.013.03.028.092.032.198q.008.183-.038.465z" />
9696
<path fill-rule="evenodd" d="M4 0h5.293A1 1 0 0 1 10 .293L13.707 4a1 1 0 0 1 .293.707V14a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2m5.5 1.5v2a1 1 0 0 0 1 1h2zM4.165 13.668c.09.18.23.343.438.419.207.075.412.04.58-.03.318-.13.635-.436.926-.786.333-.401.683-.927 1.021-1.51a11.7 11.7 0 0 1 1.997-.406c.3.383.61.713.91.95.28.22.603.403.934.417a.86.86 0 0 0 .51-.138c.155-.101.27-.247.354-.416.09-.181.145-.37.138-.563a.84.84 0 0 0-.2-.518c-.226-.27-.596-.4-.96-.465a5.8 5.8 0 0 0-1.335-.05 11 11 0 0 1-.98-1.686c.25-.66.437-1.284.52-1.794.036-.218.055-.426.048-.614a1.24 1.24 0 0 0-.127-.538.7.7 0 0 0-.477-.365c-.202-.043-.41 0-.601.077-.377.15-.576.47-.651.823-.073.34-.04.736.046 1.136.088.406.238.848.43 1.295a20 20 0 0 1-1.062 2.227 7.7 7.7 0 0 0-1.482.645c-.37.22-.699.48-.897.787-.21.326-.275.714-.08 1.103" />

‎LIN.Stockify/Pages/Sections/Viewer/Salida.razor‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -101,7 +101,7 @@
101101
@* Componentes. *@
102102
<div class="flex-1 mt-5 gap-2">
103103

104-
<div class="w-full">
104+
<div class="w-full py-2">
105105

106106
<button type="button" class="mb-2 flex w-full items-center justify-center rounded-lg bg-current-500 px-5 py-2.5 text-center text-sm font-medium text-white hover:bg-current-600 focus:ring-4 focus:outline-none focus:ring-current-500/50 dark:focus:ring-current-500/55">
107107
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="me-2 h-4 w-4" viewBox="0 0 16 16">

0 commit comments

Comments
 (0)