Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat(web): update logo #7798

Merged
merged 6 commits into from
Mar 13, 2024
Merged

feat(web): update logo #7798

merged 6 commits into from
Mar 13, 2024

Conversation

alextran1502
Copy link
Contributor

@alextran1502 alextran1502 commented Mar 9, 2024

Todo

  • Favicon
  • PWA icons

Copy link

cloudflare-pages bot commented Mar 9, 2024

Deploying with  Cloudflare Pages  Cloudflare Pages

Latest commit: 538be2d
Status: ✅  Deploy successful!
Preview URL: https://516f226b.immich.pages.dev
Branch Preview URL: https://feat-web-new-logo.immich.pages.dev

View logs

@aviv926
Copy link
Contributor

aviv926 commented Mar 9, 2024

Does web also include the documentation site?

@danieldietzler
Copy link
Member

Does web also include the documentation site?

No, docs and mobile will be separate PRs :)

<section id="dashboard-navbar" class="fixed z-[900] h-[var(--navbar-height)] w-screen text-sm">
<SkipLink>Skip to content</SkipLink>
<div
class="grid h-full grid-cols-[theme(spacing.18)_auto] items-center border-b bg-immich-bg py-2 dark:border-b-immich-dark-gray dark:bg-immich-dark-bg md:grid-cols-[theme(spacing.64)_auto]"
>
<a data-sveltekit-preload-data="hover" class="ml-4" href={AppRoute.PHOTOS}>
<ImmichLogo width="55%" />
<ImmichLogo width="55%" noText={innerWidth < 770} />
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

can we not leverage the tailwind breakpoints and classes here?

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I tried to think of a way but couldn't find one since you have to toggle the prop of the component.

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

We could have two elements I guess (with different classes and one has noText and one does not). Idk if that is any better though.

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

yeah, I'd like to keep it in a single component

@alextran1502 alextran1502 merged commit ff2f4f8 into main Mar 13, 2024
24 checks passed
@alextran1502 alextran1502 deleted the feat/web-new-logo branch March 13, 2024 17:14
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

5 participants