Skip to content

Commit

Permalink
complete project
Browse files Browse the repository at this point in the history
  • Loading branch information
ladan-hazrati-web committed Sep 7, 2024
1 parent f7ef3bd commit 207fdcc
Show file tree
Hide file tree
Showing 4 changed files with 34 additions and 80 deletions.
83 changes: 23 additions & 60 deletions css/output.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -660,18 +660,6 @@ video {
order: 2;
}

.col-span-3 {
grid-column: span 3 / span 3;
}

.col-span-5 {
grid-column: span 5 / span 5;
}

.row-span-5 {
grid-row: span 5 / span 5;
}

.my-10 {
margin-top: 2.5rem;
margin-bottom: 2.5rem;
Expand All @@ -692,6 +680,11 @@ video {
margin-bottom: 1rem;
}

.my-5 {
margin-top: 1.25rem;
margin-bottom: 1.25rem;
}

.my-7 {
margin-top: 1.75rem;
margin-bottom: 1.75rem;
Expand All @@ -702,11 +695,6 @@ video {
margin-bottom: 2rem;
}

.my-5 {
margin-top: 1.25rem;
margin-bottom: 1.25rem;
}

.mb-12 {
margin-bottom: 3rem;
}
Expand Down Expand Up @@ -868,6 +856,10 @@ video {
width: 100%;
}

.w-\[480px\] {
width: 480px;
}

.translate-x-0 {
--tw-translate-x: 0px;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
Expand Down Expand Up @@ -968,10 +960,6 @@ video {
border-radius: 0.75rem;
}

.rounded-lg {
border-radius: 0.5rem;
}

.border {
border-width: 1px;
}
Expand Down Expand Up @@ -1080,29 +1068,10 @@ video {
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.bg-red-700 {
--tw-bg-opacity: 1;
background-color: rgb(185 28 28 / var(--tw-bg-opacity));
}

.bg-red-500 {
--tw-bg-opacity: 1;
background-color: rgb(239 68 68 / var(--tw-bg-opacity));
}

.bg-red-600 {
--tw-bg-opacity: 1;
background-color: rgb(220 38 38 / var(--tw-bg-opacity));
}

.bg-opacity-25 {
--tw-bg-opacity: 0.25;
}

.bg-opacity-20 {
--tw-bg-opacity: 0.2;
}

.bg-opacity-50 {
--tw-bg-opacity: 0.5;
}
Expand Down Expand Up @@ -1204,6 +1173,11 @@ video {
padding-bottom: 10px;
}

.px-20 {
padding-left: 5rem;
padding-right: 5rem;
}

.pb-4 {
padding-bottom: 1rem;
}
Expand All @@ -1224,10 +1198,6 @@ video {
padding-inline-start: 1.25rem;
}

.text-left {
text-align: left;
}

.text-center {
text-align: center;
}
Expand Down Expand Up @@ -1296,23 +1266,15 @@ video {
font-size: 20px;
}

.text-\[30px\] {
font-size: 30px;
}

.text-xl {
font-size: 1.25rem;
line-height: 1.75rem;
}

.text-\[25px\] {
font-size: 25px;
}

.text-\[40px\] {
font-size: 40px;
}

.text-\[30px\] {
font-size: 30px;
}

.font-bold {
font-weight: 700;
}
Expand All @@ -1321,10 +1283,6 @@ video {
font-weight: 400;
}

.font-semibold {
font-weight: 600;
}

.uppercase {
text-transform: uppercase;
}
Expand Down Expand Up @@ -1614,6 +1572,11 @@ video {
.lg\:flex-wrap {
flex-wrap: wrap;
}

.lg\:text-5xl {
font-size: 3rem;
line-height: 1;
}
}

@media (min-width: 1280px) {
Expand Down
8 changes: 4 additions & 4 deletions utilities/auth.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -59,21 +59,21 @@
<figcaption
class="absolute left-[50%] top-[50%] translate-x-[-50%] translate-y-[-50%]"
>
<span class="text-white text-5xl">My Account</span>
<span class="text-white text-3xl lg:text-5xl">My Account</span>
<p class="text-center text-white mt-4">
<a href="../index.html">home</a>/account
</p>
</figcaption>
</figure>
<div
class="error-message-container justify-center w-[100%] hidden mt-5 items-center text-[20px] font-bold"
class="error-message-container w-[100%] hidden mt-5 justify-center items-center text-[20px] font-bold"
>
<div
class="error-message xl:container bg-orange text-white flex py-3 justify-center"
class="error-message bg-orange text-white flex py-3 justify-center"
></div>
</div>

<div class="w-full flex justify-center items-center flex-wrap my-4">
<div class="w-full flex justify-center items-center flex-wrap my-4 px-10">
<h2 class="w-[100%] text-center my-10 text-[20px]">LOGIN</h2>
<form class="w-[450px] flex flex-col justify-center">
<label for="username"
Expand Down
8 changes: 3 additions & 5 deletions utilities/dashboard.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -64,22 +64,20 @@
<figcaption
class="absolute left-[50%] top-[50%] translate-x-[-50%] translate-y-[-50%]"
>
<span class="text-white text-5xl">My Dashboard</span>
<span class="text-white text-2xl lg:text-5xl">My Dashboard</span>
<p class="text-center text-white mt-4">
<a href="../index.html">home</a>/dashboard
</p>
</figcaption>
</figure>
<!-- show user -->
<h2 class="text-center my-8 text-[30px] font-bold">TABALE USERS</h2>
<div class="w-full flex justify-center items-center my-5">
<table class="border border-black">
<div class="w-full flex justify-center items-center my-5 px-10">
<table class="border border-black w-[480px]">
<thead>
<tr>
<th class="p-3">id</th>
<th class="p-3">name</th>
<th class="p-3">email</th>
<th class="p-3">phone</th>
<th class="p-3">username</th>
<th class="p-3">password</th>
</tr>
Expand Down
15 changes: 4 additions & 11 deletions utilities/dashboard.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -25,24 +25,17 @@ function displayUser() {
loaderContainer.classList.add("hidden");
usersContainer.innerHTML = "";
usersContainer.innerHTML += users
.map(
(
{ id, email, name: { firstname, lastname }, password, phone, username },
index
) => {
const rowClass = index % 2 === 0 ? "bg-orange" : "";
return `
.map(({ id, name: { firstname, lastname }, password, username }, index) => {
const rowClass = index % 2 === 0 ? "bg-orange" : "";
return `
<tr class='${rowClass} border'>
<td class='p-3'>${id}</td>
<td class='p-3'>${firstname} ${lastname}</td>
<td class='p-3'>${email}</td>
<td class='p-3'>${phone}</td>
<td class='p-3'>${username}</td>
<td class='p-3'>${password}</td>
</tr>
`;
}
)
})
.join("");
}

0 comments on commit 207fdcc

Please sign in to comment.