style: eslint, prettier, and tailwind config
This commit is contained in:
parent
799a423dbd
commit
ebe202602d
|
@ -1,9 +0,0 @@
|
||||||
module.exports = {
|
|
||||||
printWidth: 120,
|
|
||||||
arrowParens: "avoid",
|
|
||||||
singleQuote: true,
|
|
||||||
semi: false,
|
|
||||||
plugins: [
|
|
||||||
require('prettier-plugin-tailwindcss')
|
|
||||||
]
|
|
||||||
}
|
|
16
package.json
16
package.json
|
@ -74,5 +74,21 @@
|
||||||
"prettier-plugin-tailwindcss": "^0.2.2",
|
"prettier-plugin-tailwindcss": "^0.2.2",
|
||||||
"tailwindcss": "^3.2.4",
|
"tailwindcss": "^3.2.4",
|
||||||
"typescript": "4.9.4"
|
"typescript": "4.9.4"
|
||||||
|
},
|
||||||
|
"prettier": {
|
||||||
|
"printWidth": 120,
|
||||||
|
"arrowParens": "avoid",
|
||||||
|
"singleQuote": true,
|
||||||
|
"semi": false,
|
||||||
|
"plugins": [
|
||||||
|
"prettier-plugin-tailwindcss"
|
||||||
|
]
|
||||||
|
},
|
||||||
|
"eslintConfig": {
|
||||||
|
"extends": [
|
||||||
|
"next",
|
||||||
|
"next/core-web-vitals",
|
||||||
|
"prettier"
|
||||||
|
]
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -77,7 +77,7 @@ const FolderGridLayout = ({
|
||||||
const getItemPath = (name: string) => `${path === '/' ? '' : path}/${encodeURIComponent(name)}`
|
const getItemPath = (name: string) => `${path === '/' ? '' : path}/${encodeURIComponent(name)}`
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className="rounded bg-white dark:bg-gray-900 dark:text-gray-100 shadow-sm">
|
<div className="rounded bg-white shadow-sm dark:bg-gray-900 dark:text-gray-100">
|
||||||
<div className="flex items-center border-b border-gray-900/10 px-3 text-xs font-bold uppercase tracking-widest text-gray-600 dark:border-gray-500/30 dark:text-gray-400">
|
<div className="flex items-center border-b border-gray-900/10 px-3 text-xs font-bold uppercase tracking-widest text-gray-600 dark:border-gray-500/30 dark:text-gray-400">
|
||||||
<div className="flex-1">{t('{{count}} item(s)', { count: folderChildren.length })}</div>
|
<div className="flex-1">{t('{{count}} item(s)', { count: folderChildren.length })}</div>
|
||||||
<div className="flex p-1.5 text-gray-700 dark:text-gray-400">
|
<div className="flex p-1.5 text-gray-700 dark:text-gray-400">
|
||||||
|
|
|
@ -54,7 +54,7 @@ const FolderListLayout = ({
|
||||||
const getItemPath = (name: string) => `${path === '/' ? '' : path}/${encodeURIComponent(name)}`
|
const getItemPath = (name: string) => `${path === '/' ? '' : path}/${encodeURIComponent(name)}`
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className="rounded bg-white dark:bg-gray-900 dark:text-gray-100 shadow-sm">
|
<div className="rounded bg-white shadow-sm dark:bg-gray-900 dark:text-gray-100">
|
||||||
<div className="grid grid-cols-12 items-center space-x-2 border-b border-gray-900/10 px-3 dark:border-gray-500/30">
|
<div className="grid grid-cols-12 items-center space-x-2 border-b border-gray-900/10 px-3 dark:border-gray-500/30">
|
||||||
<div className="col-span-12 py-2 text-xs font-bold uppercase tracking-widest text-gray-600 dark:text-gray-300 md:col-span-6">
|
<div className="col-span-12 py-2 text-xs font-bold uppercase tracking-widest text-gray-600 dark:text-gray-300 md:col-span-6">
|
||||||
{t('Name')}
|
{t('Name')}
|
||||||
|
|
|
@ -1,10 +1,10 @@
|
||||||
export function PreviewContainer({ children }): JSX.Element {
|
export function PreviewContainer({ children }): JSX.Element {
|
||||||
return <div className="rounded bg-white p-3 dark:bg-gray-900 dark:text-white shadow-sm">{children}</div>
|
return <div className="rounded bg-white p-3 shadow-sm dark:bg-gray-900 dark:text-white">{children}</div>
|
||||||
}
|
}
|
||||||
|
|
||||||
export function DownloadBtnContainer({ children }): JSX.Element {
|
export function DownloadBtnContainer({ children }): JSX.Element {
|
||||||
return (
|
return (
|
||||||
<div className="sticky bottom-0 left-0 right-0 z-10 rounded border-t border-gray-900/10 bg-white bg-opacity-80 p-2 backdrop-blur-md dark:border-gray-500/30 dark:bg-gray-900 shadow-sm">
|
<div className="sticky bottom-0 left-0 right-0 z-10 rounded border-t border-gray-900/10 bg-white bg-opacity-80 p-2 shadow-sm backdrop-blur-md dark:border-gray-500/30 dark:bg-gray-900">
|
||||||
{children}
|
{children}
|
||||||
</div>
|
</div>
|
||||||
)
|
)
|
||||||
|
|
|
@ -3,8 +3,7 @@ const colors = require('tailwindcss/colors')
|
||||||
const siteConfig = require('./config/site.config')
|
const siteConfig = require('./config/site.config')
|
||||||
|
|
||||||
module.exports = {
|
module.exports = {
|
||||||
mode: 'jit',
|
content: ['./src/**/*.{js,ts,jsx,tsx}'],
|
||||||
content: ['./pages/**/*.{js,ts,jsx,tsx}', './components/**/*.{js,ts,jsx,tsx}'],
|
|
||||||
theme: {
|
theme: {
|
||||||
colors: {
|
colors: {
|
||||||
transparent: 'transparent',
|
transparent: 'transparent',
|
||||||
|
|
Loading…
Reference in a new issue