tailwind化(≒脱Angular Flex-Layout)

CauchyE / telescope

10 stars 2 forks source link

Open kimurayu45z opened 3 years ago

kimurayu45z commented 3 years ago

flex layoutからtailwind化

ng add @ngneat/tailwind

kimurayu45z commented 3 years ago

kimurayu45z commented 3 years ago

fxLayoutGapは親にspace-x-1やらspace-y-1をあたえればいける
- grid指定してるやつはspace-x-1 space-y-1両方与える
fxLayoutAlign="center center"はclass="justify-center content-center items-center"
- ようはfxlayoutalignは1か2個をうけつけるので、1つ目をjustifyに、2つ目あればcontentとitemsにあてはめればよい
fxFlex="256px" fxFlex.xs="100"はclass="w-64 xs:w-full"

kimurayu45z commented 2 years ago

YasunoriMATSUOKA commented 2 years ago

@taro04 この件、Angular Flex-Layoutのnpmパッケージがまだ残っていると思うので、対象パッケージをpackage.jsonから消して、エラーが出たり、レイアウトが崩れたりしていないか、全ページ確認お願いします。