Files
linsa-linsa-io/web/components/routes/page/hooks/use-column-styles.ts
Aslam 5f537d5618 feat: pages (#151)
* wip

* wip

* wip

* wwip

* wip

* wip

* fix(util): rmeove checking to existing in slug

* wip

* chore: handle create page

* chore: handle page title untitled
2024-09-09 13:35:15 +03:00

17 lines
493 B
TypeScript

import { useMedia } from "react-use"
export const useColumnStyles = () => {
const isTablet = useMedia("(max-width: 640px)")
return {
title: {
"--width": "69px",
"--min-width": "200px",
"--max-width": isTablet ? "none" : "auto"
},
content: { "--width": "auto", "--min-width": "200px", "--max-width": "200px" },
topic: { "--width": "65px", "--min-width": "120px", "--max-width": "120px" },
updated: { "--width": "82px", "--min-width": "82px", "--max-width": "82px" }
}
}