altinn-studio icon indicating copy to clipboard operation
altinn-studio copied to clipboard

Create a unique header

Open mlqn opened this issue 1 year ago • 3 comments

Description

We currently use two different components for the header (Header.tsx and AltinnHeader.tsx) which leads to visual inconsistencies (e.g different heights, padding, shadow, logo size, menu components, etc).

I suggest merging these two headers into a single, customizable header. This header should be responsive and should work on small screens. We should also consider making it work for unauthenticated users.

We should also replace the <div> tag with the right semantic tag <header>.

Dashboard

dashboard and resourceadm uses Header.tsx

Screenshot-2023-11-16-at-19-02-06

Editor

editor (app-development) and preview uses AltinnHeader.tsx

Screenshot-2023-11-16-at-19-02-19

Additional Information

No response

Tasks

No response

Acceptance Criterias

No response

mlqn avatar Nov 16 '23 18:11 mlqn