gitea/amati
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

ui: update logo and fix stretched logo on header

Browse Source
This commit is contained in:
sianida26 2024-11-06 04:20:13 +07:00
parent a6be0b60af
commit 8eacb4e1c9
3 changed files with 70 additions and 58 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
apps/frontend/src/assets/logos/amati-logo-old.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.9 KiB

BIN
apps/frontend/src/assets/logos/amati-logo.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.9 KiB

After

Width:  |  Height:  |  Size: 5.7 KiB

28
apps/frontend/src/components/AppHeader.tsx
View File

@ -62,7 +62,11 @@ export default function AppHeader({ toggle }: Props) {
</Button>
)}
<img src={logo} alt="" className="w-44 h-fit px-8 py-5" />
<img
src={logo}
alt=""
className="w-44 h-fit px-8 py-5 object-cover"
/>
</div>
{/* Conditional Navlinks */}
@ -73,8 +77,10 @@ export default function AppHeader({ toggle }: Props) {
<Link
to="/assessmentRequest"
className={cx("text-sm font-medium", {
"text-blue-600": assessmentRequestsLinks, // warna aktif
"text-gray-700": !assessmentRequestsLinks, // warna default
"text-blue-600":
assessmentRequestsLinks, // warna aktif
"text-gray-700":
!assessmentRequestsLinks, // warna default
})}
onClick={() => {
if (window.opener) {
@ -87,8 +93,10 @@ export default function AppHeader({ toggle }: Props) {
<Link
to="/assessmentResult"
className={cx("text-sm font-medium", {
"text-blue-600": showAssessmentResultLinks, // warna aktif
"text-gray-700": !showAssessmentResultLinks, // warna default
"text-blue-600":
showAssessmentResultLinks, // warna aktif
"text-gray-700":
!showAssessmentResultLinks, // warna default
})}
>
Hasil Assessment
@ -101,8 +109,10 @@ export default function AppHeader({ toggle }: Props) {
<Link
to="/assessmentRequest"
className={cx("text-sm font-medium", {
"text-blue-600": assessmentRequestsLinks, // warna aktif
"text-gray-700": !assessmentRequestsLinks, // warna default
"text-blue-600":
assessmentRequestsLinks, // warna aktif
"text-gray-700":
!assessmentRequestsLinks, // warna default
})}
onClick={() => {
if (window.opener) {
@ -142,7 +152,9 @@ export default function AppHeader({ toggle }: Props) {
{user?.photoProfile ? (
<AvatarImage src={user.photoProfile} />
) : (
<AvatarFallback>{user?.name?.charAt(0) ?? "A"}</AvatarFallback>
<AvatarFallback>
{user?.name?.charAt(0) ?? "A"}
</AvatarFallback>
)}
</Avatar>
</div>