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.

Sign up for GitHub

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

Jump to bottom

style(edit): nitpicks #1506

Merged
merged 7 commits into from
May 16, 2024
Merged

style(edit): nitpicks #1506

Show file tree
Hide file tree
Changes from 2 commits
Commits
Show all changes
7 commits
Select commit Hold shift + click to select a range
cc2118d
style(edit): spacing in boxes and colors
purusott May 14, 2024
63ebea3
refactor(edit): remove divs
purusott May 14, 2024
9d8767b
refactor(edit): simplify styling
purusott May 15, 2024
b698e72
styling(edit): align box contents
purusott May 15, 2024
bc0bf8d
chore(edit): align choicechipgroup
purusott May 15, 2024
a24785b
styling(edit): align content in boxes
emilielr May 15, 2024
3aed5b5
chore(edit): nitpicks
purusott May 16, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
8 changes: 3 additions & 5 deletions next-tavla/app/(admin)/edit/[id]/components/MetaSettings/Adress.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -21,7 +21,7 @@ function Address({ bid, location }: { bid: TBoardID; location?: TLocation }) {
}}
className="box flex flex-col justify-between"
>
<div className="flex flex-row items-center gap-2">
<div className="flex flex-row items-center gap-2 mb-2">
<Heading3 margin="none">Lokasjon</Heading3>
<Tooltip
content="Under innstillingene til hvert stoppested kan du velge om gåavstanden fra tavlen sin lokasjon skal vises"
Expand All @@ -31,17 +31,15 @@ function Address({ bid, location }: { bid: TBoardID; location?: TLocation }) {
</Tooltip>
</div>
<SearchableDropdown
label="Adresse"
label="Hvor befinner tavlen seg?"
items={pointItems}
selectedItem={selectedPoint}
onChange={setSelectedPoint}
debounceTimeout={1000}
clearable
/>
<div className="flex flex-row w-full mt-8 justify-end">
<SubmitButton variant="secondary" className="mt-8">
Lagre adresse
</SubmitButton>
<SubmitButton variant="secondary">Lagre lokasjon</SubmitButton>
</div>
</form>
)
Expand Down
10 changes: 5 additions & 5 deletions next-tavla/app/(admin)/edit/[id]/components/MetaSettings/index.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -29,16 +29,16 @@ function MetaSettings({ bid, meta }: { bid: TBoardID; meta: TMeta }) {
}}
className="box flex flex-col justify-between"
>
<Heading3 margin="none">Navn på tavlen</Heading3>
<Heading3 margin="bottom">Navn</Heading3>
<TextField
name="name"
className="w-full"
defaultValue={meta.title ?? DEFAULT_BOARD_NAME}
label="Navn på tavlen"
maxLength={30}
/>
<div className="flex flex-row w-full mt-8 justify-end">
<SubmitButton variant="secondary" className="mt-8">
<div className="flex flex-row w-full justify-end mt-8">
<SubmitButton variant="secondary">
Lagre tittel
</SubmitButton>
</div>
Expand All @@ -52,9 +52,9 @@ function MetaSettings({ bid, meta }: { bid: TBoardID; meta: TMeta }) {
}}
className="box flex flex-col justify-between"
>
<Heading3 className="m-0">Velg tekststørrelse: </Heading3>
<Heading3 margin="bottom">Tekststørrelse: </Heading3>
<FontChoiceChip font={meta.fontSize ?? 'medium'} />
<div className="flex flex-row w-full mt-8 justify-end">
<div className="flex flex-row w-full mt-12 justify-end">
<SubmitButton variant="secondary">
Lagre tekststørrelse
</SubmitButton>
Expand Down
2 changes: 1 addition & 1 deletion next-tavla/app/(admin)/edit/[id]/components/TileCard/TransportModeCheckbox.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -20,7 +20,7 @@ function TransportModeCheckbox({
/>
{transportModeNames(transportMode)}
</div>
<div className="border-b-tertiary border-b-2 my-2" />
<div className="border-b-secondary border-b-2 my-2" />
<div className="flex flex-row items-center">
<Checkbox
defaultChecked={
Expand Down
8 changes: 4 additions & 4 deletions next-tavla/app/(admin)/edit/[id]/components/TileCard/index.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -181,7 +181,7 @@ function TileCard({ bid, tile }: { bid: TBoardID; tile: TTile }) {
tile.walkingDistance?.visible ?? false
}
disabled={
tile.walkingDistance?.visible ?? true
tile.walkingDistance?.visible ?? false
}
>
Vis gåavstand
Expand All @@ -194,7 +194,7 @@ function TileCard({ bid, tile }: { bid: TBoardID; tile: TTile }) {
</Heading4>
<Label>
Vis kun avganger som går om mer enn valgt antall
minutter.
minutter
</Label>
<TextField
label="Antall minutter"
Expand All @@ -211,7 +211,7 @@ function TileCard({ bid, tile }: { bid: TBoardID; tile: TTile }) {
<Heading4 className="m-0">Kolonner</Heading4>
<SubParagraph className="mt-0">
Her bestemmer du hvilke kolonner som skal vises i
tavlen.
tavlen
</SubParagraph>
<div className="flex flex-row flex-wrap gap-4 mb-8">
{Object.entries(Columns).map(([key, value]) => {
Expand Down Expand Up @@ -278,7 +278,7 @@ function TileCard({ bid, tile }: { bid: TBoardID; tile: TTile }) {
Lagre endringer
</Heading3>
<Paragraph>
Du har endringer som ikke er lagret.
Du har endringer som ikke er lagret
</Paragraph>
<div className="flex flex-row gap-4">
<Button
Expand Down
3 changes: 2 additions & 1 deletion next-tavla/app/globals.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,14 +12,15 @@
--secondary-text-color: var(--colors-greys-grey60);
--tertiary-text-color: var(--colors-greys-grey50);
--highlight-text-color: var(--colors-brand-coral);
--primary-label-color: var(--main-text-color);
purusott marked this conversation as resolved.
Show resolved Hide resolved

--error-color: var(--colors-validation-lava);
--warning-color: var(--colors-misc-black);
--success-color: var(--colors-validation-mint);

--estimated-time-color: var(--colors-validation-lava);
--divider-color: var(--colors-blues-blue20);
--border-color: var(--colors-greys-grey60);
--border-color: var(--colors-greys-grey50);

--tooltip-color: var(--colors-blues-blue10);
--tooltip-text-color: var(--colors-brand-white);
Expand Down
Loading