fix: Float position for error cards

opral · Apr 10, 2024 · 6757728 · 6757728
1 parent ff19455
commit 6757728
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/inlang/source-code/editor/src/pages/@host/@owner/@repository/+Page.tsx b/inlang/source-code/editor/src/pages/@host/@owner/@repository/+Page.tsx
@@ -201,7 +201,7 @@ function TheActualPage() {
 
 function NoInlangProjectFoundCard() {
 	return (
-		<div class="min-h-[calc(100vh_-_324px)] flex grow items-center justify-center">
+		<div class="min-h-[calc(100vh_-_319px)] flex grow items-center justify-center">
 			<div class="bg-background border border-outline p-8 rounded flex flex-col max-w-lg animate-fadeInBottom">
 				<MaterialSymbolsUnknownDocumentOutlineRounded class="w-10 h-10 self-center" />
 				<h1 class="font-semibold pt-5">Inlang has not been set up for this repository yet.</h1>
@@ -228,7 +228,7 @@ function NoInlangProjectFoundCard() {
 
 function RepositoryDoesNotExistOrNotAuthorizedCard(args: { code: number; user: any }) {
 	return (
-		<div class="min-h-[calc(100vh_-_324px)] flex grow items-center justify-center">
+		<div class="min-h-[calc(100vh_-_319px)] flex grow items-center justify-center">
 			<div class="bg-background border border-outline p-12 rounded-xl flex flex-col max-w-lg animate-fadeInBottom">
 				<h2 class="font-semibold pt-12">Cannot access the repository</h2>
 

diff --git a/inlang/source-code/editor/src/pages/@host/@owner/@repository/components/Errors.tsx b/inlang/source-code/editor/src/pages/@host/@owner/@repository/components/Errors.tsx
@@ -6,7 +6,7 @@ import MaterialSymbolsChevronRight from "~icons/material-symbols/chevron-right"
 export const Errors = (props: { errors: Array<any>; message: string; messagePlural: string }) => {
 	const [visibleError, setVisibleError] = createSignal(0)
 	return (
-		<div class="w-full h-full flex flex-col min-h-[calc(100vh_-_338px)] items-center justify-center gap-16">
+		<div class="w-full h-full flex flex-col min-h-[calc(100vh_-_319px)] items-center justify-center gap-16">
 			<div class="pt-12 sm:pt-0 w-full sm:w-[600px] mx-auto">
 				<div class="flex sm:w-[600px] items-center gap-4 justify-between pb-4">
 					{props.errors.length === 1 ? (