adds basic layout

This commit is contained in:
Daniel Avila 2023-02-04 19:19:53 -05:00
parent 0fb3a1cab3
commit 21a6a0587c
4 changed files with 29 additions and 19 deletions

File diff suppressed because one or more lines are too long

View file

@ -1,11 +0,0 @@
import React from 'react';
const App = () => {
return (
<h1 className="text-3xl font-bold underline ">
Welcome to React App thats build using Webpack and Babel separately
</h1>
);
};
export default App;

16
src/App.jsx Normal file
View file

@ -0,0 +1,16 @@
import React from 'react';
const App = () => {
return (
<div className="flex h-screen">
<div className="w-80 bg-slate-800"></div>
<div className="flex h-full w-full flex-col bg-gray-50 ">
<div className="flex-1 overflow-y-auto"></div>
<textarea className="m-10 h-16 p-4" />
</div>
</div>
);
};
export default App;

View file

@ -1,3 +1,8 @@
@tailwind base;
@tailwind components;
@tailwind utilities;
@tailwind utilities;
* {
box-sizing: border-box;
outline: 1px solid limegreen !important;
}