Skip to content

Commit

Permalink
feat(explorer): Restyle the page
Browse files Browse the repository at this point in the history
  • Loading branch information
alainncls committed Aug 23, 2024
1 parent 875aff8 commit 879df5b
Show file tree
Hide file tree
Showing 3 changed files with 4 additions and 7 deletions.
3 changes: 1 addition & 2 deletions explorer/src/pages/Issuer/components/Banner/index.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -10,8 +10,7 @@ export const Banner: React.FC<IBannerProps> = ({ name, CTALink, CTATitle, logo,
const IssuerLogo = logo;
return (
<div>
<div
className="flex flex-col lg:flex-row justify-end lg:justify-between items-start lg:items-end relative overflow-hidden">
<div className="flex flex-col lg:flex-row justify-end lg:justify-between items-start lg:items-end relative overflow-hidden">
<div className="flex flex-row items-center gap-[20px]">
<div className="w-[87px] h-[87px] relative">
<IssuerLogo className="absolute w-[87px] h-[87px] font-normal text-[12px] leading-[15px] text-black" />
Expand Down
6 changes: 2 additions & 4 deletions explorer/src/pages/Issuer/components/Schemas/index.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -33,11 +33,9 @@ export const Schemas: React.FC<ISchemasProps> = ({ issuerSchemas }) => {
key={`${issuerSchema.portal}-${issuerSchema.schema}`}
className="group flex flex-col gap-4 border border-border-card dark:border-border-cardDark rounded-xl p-4 md:p-6 hover:bg-surface-secondary dark:hover:bg-surface-secondaryDark transition md:min-h-[20rem]"
>
<div
className="flex items-center gap-3 text-xl md:text-2xl font-semibold text-blackDefault dark:text-whiteDefault">
<div className="flex items-center gap-3 text-xl md:text-2xl font-semibold text-blackDefault dark:text-whiteDefault">
<div className="w-[2.5rem] h-[2.5rem] md:w-[3rem] md:h-[3rem] flex items-center justify-center">
<issuerSchema.logo
className="w-full h-auto max-w-[2.5rem] md:max-w-[3rem] max-h-[2.5rem] md:max-h-[3rem]" />
<issuerSchema.logo className="w-full h-auto max-w-[2.5rem] md:max-w-[3rem] max-h-[2.5rem] md:max-h-[3rem]" />
</div>
{issuerSchema.name}
</div>
Expand Down
2 changes: 1 addition & 1 deletion explorer/src/pages/Issuer/index.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -16,7 +16,7 @@ export const Issuer: React.FC = () => {
const { isDarkMode } = useTernaryDarkMode();

const { name, description, CTALink, CTATitle, logo, logoDark, keywords, address, attestationDefinitions } =
issuersData.find((issuer) => issuer.address === id) || {};
issuersData.find((issuer) => issuer.address === id) || {};

const IssuerLogo = isDarkMode && logoDark ? logoDark : logo;

Expand Down

0 comments on commit 879df5b

Please sign in to comment.