search

hiukim / mind-ar-js

Web Augmented Reality. Image Tracking, Face Tracking. Tensorflow.js
MIT License
2.12k stars 391 forks source link

Tailwind incompatibility #494

Open mock1ngj opened 5 months ago

mock1ngj commented 5 months ago

This is the regular css working fine and this is the css used for this margin: "20px auto", position: "relative", height: "100vh", width: "100vw", overflow: "hidden", Screenshot from 2024-01-30 22-31-01 But if i try to convert it into tailwind with the relative w-[100vw] h-[100vh] overflow-hidden or absolute inset-x-0 w-[100vw] h-[100vh] and i have to play around with the padding to actually move it around but with little to no success and this happens Screenshot from 2024-01-30 22-36-49 And if I try to add padding it will move a bit but wont resize

Mic542 commented 1 month ago

yes tailwind messed up the camera view.

My solution is to add all : initial to video css.