chore(styling): refactor from CSS modules to Tailwind #1496

emilielr · 2024-04-25T11:51:00Z

Add color in tailwind config.
Removed all of the modules.css files from /app and /pages folder (/src are still left but I have created a seperate task for this as it is still 10-15 files left..)
Added a defualt value to borderRadius as 0.5em is most often used and a global variable for secondary + tertiary bakgorund color.
Also fix buttons on /edit to align with text and icon:

Jalla-chromium:

…g conventions

oyvindgrutle

LGTM🚀

purusott

🚀 ⭐

next-tavla/src/Shared/utils/firebase.ts

next-tavla/app/(admin)/boards/components/TableHeader/ColumnHeader.tsx

next-tavla/tailwind.config.ts

next-tavla/app/(admin)/edit/[id]/components/Buttons/Copy.tsx

next-tavla/app/(admin)/edit/[id]/components/Buttons/Open.tsx

next-tavla/app/(admin)/boards/components/Column/Actions.tsx

next-tavla/src/Board/scenarios/Table/components/Time/ExpectedTime.tsx

next-tavla/src/Board/scenarios/Table/components/WalkingDistance.tsx

next-tavla/src/Shared/components/TravelTag/index.tsx

next-tavla/src/Shared/utils/firebase.ts

…min-height

lindtvedtsebastian

Det er sikkert bra nå, vi får heller fikse ting som dukker opp

emilielr changed the title ~~WIP chore(styling): refactor from CSS modules to Tailwind~~ chore(styling): refactor from CSS modules to Tailwind Apr 25, 2024

emilielr marked this pull request as ready for review April 25, 2024 12:27

emilielr requested a review from lindtvedtsebastian as a code owner April 25, 2024 12:27

emilielr requested review from purusott and oyvindgrutle and removed request for purusott April 25, 2024 12:27

emilielr added 19 commits April 26, 2024 12:05

styling(globals): add sanntid color and change estimated time color

b7eaf10

fix(board): color on walking icon

db04873

chore(buttons): align text and icon using global classname

2985f52

chore(styling): remove inline styling

1d5d0d3

chore(styling): refactor /Column to tailwind

6a32a81

chore(styling): refactor to Tailwind for /boards

3315045

chore(create): refactor to tailwind

3f47869

chore(footer): refactor to tailwind

7019b93

chore(illustratedInfo): refactor to tailwind

6cbf3f0

chore(edit): refactor to Tailwind

97e670d

chore(organizations): refactor to Tailwind

310aa14

chore(privacy): refactor to tailwind

24e1d8e

chore(board): refactor to tailwind and delete global css files

82f14e1

chore(): delete unused modules css file

d34870e

chore(styling): add global colors for secondary and tertiary background

83a7d57

chore(styling): default border radius

508a27d

chore(): remove force emulators in firebase config

2601f3c

fix(styling): correct color on travel tag in tavla

fcd0e53

fix(board): set min height on header to align tiles

64052ae

emilielr force-pushed the tailwind-fixes branch from 4de37ab to 64052ae Compare April 26, 2024 10:42

emilielr added 3 commits April 26, 2024 14:07

fix(styling): use tailwind vars

4b1fb21

fix(edit): center text and icon on open copy and delete button

c485f51

styling(globals): update naming convention for background colors

f0dff19

emilielr added 2 commits April 30, 2024 09:36

style(globals): add global colors in tailwind config and change namin…

86bf287

…g conventions

chore(refactor): change from em to rem in (admin)

285c77a

oyvindgrutle approved these changes Apr 30, 2024

View reviewed changes

purusott approved these changes Apr 30, 2024

View reviewed changes

next-tavla/src/Shared/utils/firebase.ts Outdated Show resolved Hide resolved

next-tavla/app/(admin)/boards/components/TableHeader/ColumnHeader.tsx Outdated Show resolved Hide resolved

chore(): add globals for em font size

4b6000e

emilielr force-pushed the tailwind-fixes branch from a6c4d47 to 4b6000e Compare April 30, 2024 10:55

emilielr added 3 commits April 30, 2024 12:56

fix(): remove not operator

e8d0ff8

chore(fonts): add global font size for em on tavla

cec601a

chore(globals): add border color in globals

1d675f4

lindtvedtsebastian requested changes May 2, 2024

View reviewed changes

emilielr added 5 commits May 3, 2024 08:09

chore(firebase): remove force emulators

2ac349c

chore(): add missing flex attribute

a07b8a4

fix(styling): use correct tailwind values

21f98b6

fix(tavla): minor tailwind changes

80a5b28

fix(globals): add width and height in tailwind config

27c6a2a

emilielr requested a review from lindtvedtsebastian May 3, 2024 07:53

emilielr added 2 commits May 3, 2024 11:23

fix(tavla): show correct bg-color on transport icon

92ccec6

fix(globals): add spacing as a common variable for widht, height and …

eb3da51

…min-height

lindtvedtsebastian approved these changes May 3, 2024

View reviewed changes

emilielr merged commit 47a4c0d into master May 3, 2024
5 checks passed

emilielr deleted the tailwind-fixes branch May 3, 2024 10:31

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

chore(styling): refactor from CSS modules to Tailwind #1496

chore(styling): refactor from CSS modules to Tailwind #1496

emilielr commented Apr 25, 2024 •

edited

oyvindgrutle left a comment

purusott left a comment

lindtvedtsebastian left a comment

chore(styling): refactor from CSS modules to Tailwind #1496

chore(styling): refactor from CSS modules to Tailwind #1496

Conversation

emilielr commented Apr 25, 2024 • edited

oyvindgrutle left a comment

Choose a reason for hiding this comment

purusott left a comment

Choose a reason for hiding this comment

lindtvedtsebastian left a comment

Choose a reason for hiding this comment

emilielr commented Apr 25, 2024 •

edited