+
-
-
{title}
-
{subtitle}
-
Erro {status}
+
+
{title}
+
{subtitle}
+
Erro {status}
{actions}
diff --git a/packages/ui/components/ErrorPage/style.module.css b/packages/ui/components/ErrorPage/style.module.css
new file mode 100644
index 00000000..0e309800
--- /dev/null
+++ b/packages/ui/components/ErrorPage/style.module.css
@@ -0,0 +1,69 @@
+.buttonsContainer {
+ margin: auto;
+ display: block;
+ width: fit-content;
+}
+
+.button {
+ margin-right: 8px;
+ margin-left: 8px;
+ border-width: 1px;
+ padding: 8px;
+ cursor: pointer;
+ border-radius: 6px;
+}
+
+.main {
+ margin: auto;
+ display: flex;
+ height: 100vh;
+ max-width: 768px;
+ justify-content: center;
+ align-items: center;
+}
+
+.logo {
+ margin: auto;
+ display: block;
+ text-align: center;
+}
+
+.title {
+ font-size: 1rem;
+ line-height: 1.5rem;
+ margin-top: 48px;
+ font-weight: bold;
+}
+
+@media (min-width: 640px) {
+ .title {
+ font-size: 1.875rem;
+ line-height: 2.25rem;
+ }
+}
+
+.subtitle {
+ margin-top: 24px;
+ font-size: 0.875rem;
+ line-height: 1.25rem;
+}
+
+@media (min-width: 640px) {
+ .subtitle {
+ font-size: 1.125rem;
+ line-height: 1.75rem;
+ }
+}
+
+.status {
+ margin-top: 12px;
+ font-size: 0.875rem;
+ line-height: 1.25rem;
+}
+
+@media (min-width: 640px) {
+ .status {
+ font-size: 1.125rem;
+ line-height: 1.75rem;
+ }
+}
diff --git a/packages/ui/package.json b/packages/ui/package.json
index 1b84555c..4e489402 100644
--- a/packages/ui/package.json
+++ b/packages/ui/package.json
@@ -13,9 +13,13 @@
"devDependencies": {
"@types/react": "^17.0.37",
"@types/react-dom": "^17.0.11",
+ "autoprefixer": "^10.4.8",
"eslint": "^8.23.0",
"eslint-config-coderdojobraga": "*",
"react": "^17.0.2",
+ "postcss": "^8.4.16",
+ "tailwind-config-coderdojobraga": "*",
+ "tailwindcss": "^3.1.8",
"tsconfig": "*",
"typescript": "^4.5.2"
}
diff --git a/apps/app/postcss.config.js b/packages/ui/postcss.config.js
similarity index 100%
rename from apps/app/postcss.config.js
rename to packages/ui/postcss.config.js
diff --git a/apps/app/styles/tailwind.css b/packages/ui/styles/globals.css
similarity index 100%
rename from apps/app/styles/tailwind.css
rename to packages/ui/styles/globals.css