feat: ui overhaul (#676)
This commit is contained in:
committed by
GitHub
parent
5c86462859
commit
66b81e9228
39
tailwind.base.config.js
Normal file
39
tailwind.base.config.js
Normal file
@ -0,0 +1,39 @@
|
||||
module.exports = {
|
||||
darkMode: 'class',
|
||||
theme: {
|
||||
extend: {
|
||||
height: {
|
||||
main: 'calc(100vh - 64px)',
|
||||
'media-library-dialog': '80vh',
|
||||
'media-card': '240px',
|
||||
'media-preview-image': '104px',
|
||||
'media-card-image': '196px',
|
||||
input: '24px',
|
||||
},
|
||||
minHeight: {
|
||||
8: '2rem',
|
||||
'markdown-toolbar': '40px',
|
||||
},
|
||||
width: {
|
||||
main: 'calc(100% - 256px)',
|
||||
preview: 'calc(100% - 450px)',
|
||||
'sidebar-expanded': '256px',
|
||||
'sidebar-collapsed': '68px',
|
||||
'editor-only': '640px',
|
||||
'media-library-dialog': '80vw',
|
||||
'media-card': '240px',
|
||||
'media-preview-image': '126px',
|
||||
},
|
||||
maxWidth: {
|
||||
'media-search': '400px',
|
||||
},
|
||||
boxShadow: {
|
||||
sidebar: '0 10px 15px 18px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)',
|
||||
},
|
||||
gridTemplateColumns: {
|
||||
editor: '450px auto',
|
||||
'media-preview': '126px auto',
|
||||
},
|
||||
},
|
||||
},
|
||||
};
|
Reference in New Issue
Block a user