Skip to content

Commit

Permalink
ENH:changes the style in admin
Browse files Browse the repository at this point in the history
  • Loading branch information
@AshPrajapati
AshPrajapati committed Aug 24, 2023
1 parent c8f9391 commit a4e2995
Show file tree
Hide file tree
Showing 9 changed files with 38 additions and 32 deletions.
10 changes: 5 additions & 5 deletions admin/src/components/course/AddCourse.tsx
View file
Expand Up @@ -401,7 +401,7 @@ const AddCourse = () => {
/>
<button
type="button"
className="AddCourseAddTagButton bg-green-500"
className="AddCourseAddTagButton bg-[#0e3252] hover:bg-[#05243f]"
onClick={() => setShowAddTagModal(true)}
>
Add
Expand All @@ -424,7 +424,7 @@ const AddCourse = () => {
<button
type="button"
data-testid="RemoveButton"
className="AddCourseRemoveUrlButton bg-red-500"
className="AddCourseRemoveUrlButton bg-[#b31010ca] hover:bg-[#b31010e2]"
onClick={() => handleRemoveResourceUrl(index)}
>
Remove
Expand All @@ -435,7 +435,7 @@ const AddCourse = () => {
<button
type="button"
data-testid="Add Resource Url"
className="AddCourseAddUrlButton bg-green-500"
className="AddCourseAddUrlButton bg-[#0e3252] hover:bg-[#05243f]"
onClick={handleAddResourceUrl}
>
Add
Expand All @@ -459,7 +459,7 @@ const AddCourse = () => {
<button
type="button"
data-testid="RemoveTestButton"
className="AddCourseRemoveUrlButton bg-red-500"
className="AddCourseRemoveUrlButton bg-[#b31010ca] hover:bg-[#b31010e2]"
onClick={() => handleRemoveTestUrl(index)}
>
Remove
Expand All @@ -470,7 +470,7 @@ const AddCourse = () => {
<button
type="button"
data-testid="Add Test Url"
className="AddCourseAddUrlButton bg-green-500"
className="AddCourseAddUrlButton bg-[#0e3252] hover:bg-[#05243f]"
onClick={handleAddTestUrl}
>
Add
Expand Down
8 changes: 4 additions & 4 deletions admin/src/components/course/UpdateCourse.tsx
View file
Expand Up @@ -336,7 +336,7 @@ const UpdateCourse = () => {
<button
type="button"
data-testid="RemoveButton"
className="UpdateCourseRemoveUrlButton bg-red-500"
className="UpdateCourseRemoveUrlButton bg-[#b31010ca] hover:bg-[#b31010e2]"
onClick={() => handleRemoveResourceUrl(index)}
>
Remove
Expand All @@ -347,7 +347,7 @@ const UpdateCourse = () => {
<button
type="button"
data-testid="Add Resource Url"
className="UpdateCourseAddUrlButton bg-green-500"
className="UpdateCourseAddUrlButton bg-[#0e3252] hover:bg-[#05243f]"
onClick={handleAddResourceUrl}
>
Add
Expand All @@ -370,7 +370,7 @@ const UpdateCourse = () => {
<button
type="button"
data-testid="RemoveTestButton"
className="UpdateCourseRemoveUrlButton bg-red-500"
className="UpdateCourseRemoveUrlButton bg-[#b31010ca] hover:bg-[#b31010e2]"
onClick={() => {
handleRemoveTestUrl(index);
}}
Expand All @@ -383,7 +383,7 @@ const UpdateCourse = () => {
<button
type="button"
data-testid="Add Test Url"
className="UpdateCourseAddUrlButton bg-green-500"
className="UpdateCourseAddUrlButton bg-[#0e3252] hover:bg-[#05243f]"
onClick={handleAddTestUrl}
>
Add
Expand Down
4 changes: 2 additions & 2 deletions admin/src/components/user/UserDetail.tsx
View file
Expand Up @@ -419,7 +419,7 @@ const UserDetail = () => {
<div className="mt-16 grid grid-cols-2 gap-24">
<button
data-testid="UserDetailUpdate"
className="UserDetailsModalSaveButton bg-emerald-500 hover:bg-emerald-400 active:bg-emerald-600"
className="UserUpdateButton bg-[#0e3252] hover:bg-[#05243f]"
type="button"
onClick={updateUser}
disabled={!isUpdated}
Expand All @@ -428,7 +428,7 @@ const UserDetail = () => {
</button>
<button
data-testid="UserDetailDelete"
className="UserDetailsModalSaveButton bg-red-600 hover:bg-red-500 active:bg-red-700"
className="UserDeleteButton bg-[#b31010ca] hover:bg-[#b31010e2]"
type="button"
onClick={deleteUser}
>
Expand Down
12 changes: 6 additions & 6 deletions admin/src/css/course/addCourse.css
View file
Expand Up @@ -28,10 +28,10 @@
@apply flex items-center justify-end p-6 border-t border-solid border-slate-200 rounded-b;
}
.CourseModalCloseButton {
@apply text-red-500 font-bold uppercase px-6 py-2 text-sm outline-none mr-1 mb-1 transition-all duration-150 tracking-[.08px];
@apply text-red-500 font-bold uppercase px-4 py-2 text-sm outline-none mr-1 mb-1 transition-all duration-150 tracking-[.08px];
}
.CourseModalSaveButton {
@apply text-white font-bold uppercase text-sm px-6 py-3 rounded shadow hover:shadow-lg mr-1 mb-1 ease-linear transition-all duration-150 tracking-[.08px];
@apply text-white font-bold uppercase text-sm px-4 py-2 rounded shadow hover:shadow-lg mr-1 mb-1 ease-linear transition-all duration-150 tracking-[.08px];
}
.AddCourseContainer {
@apply w-full sm:w-full md:w-4/5 lg:w-4/5 xl:w-4/5 2xl:w-4/5 mt-7;
Expand All @@ -43,17 +43,17 @@
@apply font-bold inline-block w-28 align-middle;
}
.AddCourseSubmitButton {
@apply mt-10 text-white font-semibold px-4 py-2 rounded-md w-[200px];
@apply mt-10 text-white font-semibold px-4 py-2 rounded-md tracking-[.08px];
}
.AddCourseImageContainer {
@apply flex flex-row justify-between mr-10 mt-5;
}
.AddCourseAddUrlButton {
@apply mt-2 px-2 py-1 text-white rounded-md tracking-[.08px];
@apply mt-2 px-4 py-2 text-white rounded-md tracking-[.08px];
}
.AddCourseRemoveUrlButton {
@apply ml-2 px-2 py-1 text-white rounded-md tracking-[.08px];
@apply ml-2 px-4 py-2 text-white rounded-md tracking-[.08px];
}
.AddCourseAddTagButton {
@apply px-2 py-1 mt-5 text-white rounded-md tracking-[.08px];
@apply px-4 py-2 mt-5 text-white rounded-md tracking-[.08px];
}
4 changes: 2 additions & 2 deletions admin/src/css/course/courses.css
View file
Expand Up @@ -27,9 +27,9 @@
}

.courseUpdateButton {
@apply w-[100px] m-5 p-2 pl-1 pr-1 rounded-lg bg-emerald-500 hover:bg-emerald-400 active:bg-emerald-600 text-white font-bold tracking-[.08px];
@apply m-5 px-4 py-2 rounded-lg bg-[#0e3252] hover:bg-[#05243f] text-white font-bold tracking-[.08px];
}

.courseDeleteButton {
@apply bg-red-600 w-[100px] m-5 p-2 pl-1 pr-1 rounded-lg text-white hover:bg-red-500 sm:w-20 font-bold tracking-[.08px];
@apply bg-[#b31010ca] hover:bg-[#b31010e2] m-5 px-4 py-2 rounded-lg text-white sm:w-20 font-bold tracking-[.08px];
}
10 changes: 5 additions & 5 deletions admin/src/css/course/updateCourse.css
View file
Expand Up @@ -28,10 +28,10 @@
@apply flex items-center justify-end p-6 border-t border-solid border-slate-200 rounded-b;
}
.CourseModalCloseButton {
@apply text-red-500 font-bold uppercase px-6 py-2 text-sm outline-none mr-1 mb-1 transition-all duration-150 tracking-[.08px];
@apply text-red-500 font-bold uppercase px-4 py-2 text-sm outline-none mr-1 mb-1 transition-all duration-150 tracking-[.08px];
}
.CourseModalSaveButton {
@apply text-white font-bold uppercase text-sm px-6 py-3 rounded shadow hover:shadow-lg mr-1 mb-1 ease-linear transition-all duration-150 tracking-[.08px];
@apply text-white font-bold uppercase text-sm px-4 py-2 rounded shadow hover:shadow-lg mr-1 mb-1 ease-linear transition-all duration-150 tracking-[.08px];
}
.UpdateCourseContainer {
@apply w-full sm:w-full md:w-4/5 lg:w-4/5 xl:w-4/5 2xl:w-4/5 mt-7;
Expand All @@ -40,13 +40,13 @@
@apply w-full border mt-2 border-gray-300 rounded-md p-2;
}
.UpdateCourseSubmitButton {
@apply mt-10 text-white font-semibold px-4 py-2 rounded-md w-[200px] tracking-[.08px];
@apply mt-10 text-white font-semibold px-4 py-2 rounded-md tracking-[.08px];
}
.UpdateCourseRemoveUrlButton {
@apply ml-2 px-2 py-1 text-white rounded-md tracking-[.08px];
@apply ml-2 px-4 py-2 text-white rounded-md tracking-[.08px];
}
.UpdateCourseAddUrlButton {
@apply mt-2 px-2 py-1 text-white rounded-md tracking-[.08px];
@apply mt-2 px-4 py-2 text-white rounded-md tracking-[.08px];
}
.UpdateCourseImageContainer {
@apply flex flex-row justify-between mr-10 mt-5;
Expand Down
10 changes: 5 additions & 5 deletions admin/src/css/tag/Tags.css
View file
Expand Up @@ -56,17 +56,17 @@
@apply flex items-center justify-end p-6 border-t border-solid border-slate-200 rounded-b;
}
.TagModalCloseButton {
@apply text-red-500 font-bold px-6 py-2 text-base outline-none mr-1 mb-1 transition-all duration-150 tracking-[.08px];
@apply text-red-500 font-bold px-4 py-2 text-base outline-none mr-1 mb-1 transition-all duration-150 tracking-[.08px];
}
.TagModalSaveButton {
@apply text-white font-bold text-base px-6 py-3 rounded shadow hover:shadow-lg mr-1 mb-1 ease-linear transition-all duration-150 tracking-[.08px];
@apply text-white font-bold text-base px-4 py-2 rounded shadow hover:shadow-lg mr-1 mb-1 ease-linear transition-all duration-150 tracking-[.08px];
}
.AddTagButton {
@apply container w-fit px-4 py-2 bg-emerald-500 hover:bg-emerald-400 active:bg-emerald-600 text-white font-bold rounded-md mx-10 mt-10 text-lg tracking-[.08px];
@apply container w-fit px-4 py-2 text-white font-bold rounded-md mx-10 mt-10 text-lg tracking-[.08px];
}
.UpdateTagButton {
@apply w-[100px] m-5 p-2 pl-1 pr-1 rounded-lg bg-emerald-500 hover:bg-emerald-400 active:bg-emerald-600 text-white font-bold tracking-[.08px];
@apply m-5 px-4 py-2 rounded-lg bg-[#0e3252] hover:bg-[#05243f] text-white font-bold tracking-[.08px];
}
.DeleteTagButton {
@apply bg-red-600 w-[100px] m-5 p-2 pl-1 pr-1 rounded-lg hover:bg-red-500 text-white font-bold tracking-[.08px];
@apply bg-[#b31010ca] hover:bg-[#b31010e2] m-5 px-4 py-2 rounded-lg text-white font-bold tracking-[.08px];
}
2 changes: 1 addition & 1 deletion admin/src/css/user/addSingleUserForm.css
View file
Expand Up @@ -8,7 +8,7 @@
@apply font-bold text-base inline-block w-28 align-middle tracking-[.08px];
}
.AddUserSubmitButton {
@apply mt-7 text-white font-semibold px-4 py-2 rounded-md w-[200px] tracking-[.08px];
@apply mt-7 text-white font-semibold px-4 py-2 rounded-md tracking-[.08px];
}
.FormGroup {
@apply mt-3;
Expand Down
10 changes: 8 additions & 2 deletions admin/src/css/user/userDetails.css
View file
Expand Up @@ -26,10 +26,10 @@
@apply flex items-center justify-end p-6 border-t border-solid border-slate-200 rounded-b;
}
.UserDetailsModalCloseButton {
@apply text-red-500 font-bold px-6 py-2 text-base outline-none mr-1 mb-1 transition-all duration-150 tracking-[.08px];
@apply text-red-500 font-bold px-4 py-2 text-base outline-none mr-1 mb-1 transition-all duration-150 tracking-[.08px];
}
.UserDetailsModalSaveButton {
@apply text-white font-bold text-base px-6 py-3 rounded shadow hover:shadow-lg mr-1 mb-1 ease-linear transition-all duration-150 tracking-[.08px];
@apply text-white font-bold text-base px-4 py-2 rounded shadow hover:shadow-lg mr-1 mb-1 ease-linear transition-all duration-150 tracking-[.08px];
}
.UserDetailsHeader {
@apply text-5xl lg:text-4xl md:text-4xl xsm:text-4xl mt-8 mb-5 grid grid-cols-1 justify-items-center content-center tracking-[.08px];
Expand Down Expand Up @@ -67,3 +67,9 @@
.UserDetailsGridContent {
@apply grid grid-cols-2 justify-items-center content-center;
}
.UserUpdateButton {
@apply m-5 px-4 py-2 rounded-lg bg-[#0e3252] hover:bg-[#05243f] text-white font-bold tracking-[.08px];
}
.UserDeleteButton {
@apply bg-[#b31010ca] hover:bg-[#b31010e2] m-5 px-4 py-2 rounded-lg text-white sm:w-20 font-bold tracking-[.08px];
}

0 comments on commit a4e2995

Please sign in to comment.