Cleanup css

This commit is contained in:
Austen Adler 2023-03-05 00:03:43 -05:00
parent 6bc8afceee
commit af4dfae163
6 changed files with 41 additions and 52 deletions

View File

@ -22,6 +22,7 @@ clean:
build-docs:
earthly +docs
cargo doc --all
# TODO: Clippy
rust-watch:

View File

@ -1,12 +1,12 @@
<!DOCTYPE html>
<html lang="en">
<html lang="en" class="h-screen">
<head>
<meta charset="utf-8" />
<link rel="icon" href="%sveltekit.assets%/favicon.png" />
<meta name="viewport" content="width=device-width" />
%sveltekit.head%
</head>
<body data-sveltekit-preload-data="hover">
<body data-sveltekit-preload-data="hover" class="h-screen">
<div style="display: contents">%sveltekit.body%</div>
</body>
</html>

View File

@ -45,28 +45,10 @@
});
</script>
<div id="container">
<div id="map" bind:this={mapElement} class="h-full w-fill pt-12" />
<div id="container" class="h-1/2">
<div id="map" bind:this={mapElement} class="h-full w-full" />
</div>
<style>
@import 'leaflet/dist/leaflet.css';
/*
#container {
height: 100%;
width: 100px;
}
*/
/*
#map {
position: absolute;
top: 20rem;
bottom: 0;
padding: 10rem;
}
*/
#map {
height: 100%;
width: 100%;
}
</style>

View File

@ -7,11 +7,12 @@
content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"
/>
<header class="bg-white">
<main class=" flex flex-col h-screen">
<header class="bg-white">
<!-- TODO: "justify-between" adds that space -->
<nav class="flex items-center justify-between flex-wrap bg-teal-500 p-2">
<nav class="flex items-center justify-between flex-wrap p-2" style="background: #121212;">
<div class="flex items-center flex-shrink-0 text-white mr-6">
<svg
<!--<svg
class="fill-current h-8 w-8 mr-2"
width="54"
height="54"
@ -20,22 +21,26 @@
><path
d="M13.5 22.1c1.8-7.2 6.3-10.8 13.5-10.8 10.8 0 12.15 8.1 17.55 9.45 3.6.9 6.75-.45 9.45-4.05-1.8 7.2-6.3 10.8-13.5 10.8-10.8 0-12.15-8.1-17.55-9.45-3.6-.9-6.75.45-9.45 4.05zM0 38.3c1.8-7.2 6.3-10.8 13.5-10.8 10.8 0 12.15 8.1 17.55 9.45 3.6.9 6.75-.45 9.45-4.05-1.8 7.2-6.3 10.8-13.5 10.8-10.8 0-12.15-8.1-17.55-9.45-3.6-.9-6.75.45-9.45 4.05z"
/></svg
>
>-->
<a href="/">
<span class="font-semibold text-xl tracking-tight">Xpin</span>
</a>
</div>
<div class="block">
<div class="text-sm">
<a href="/" class="block mt-4 inline-block mt-0 text-teal-200 hover:text-white mr-4">
Home
<a href="/" class="block inline-block text-white hover:text-gray-500 mr-4 p-2"> Home </a>
<a href="/docs" class="block inline-block text-white hover:text-gray-500 mr-4 p-2">
Docs
</a>
<a href="./app" class="block mt-4 inline-block mt-0 text-teal-200 hover:text-white mr-4">
<a href="/app" class="block inline-block text-white hover:text-gray-500 mr-4 p-2">
App
</a>
</div>
</div>
</nav>
</header>
</header>
<main class="p-6 h-full ">
<div class="p-6 flex-grow">
<slot />
</div>
</main>

View File

@ -87,7 +87,7 @@
</div>
<div>
<p class="font-bold">Could not start core module</p>
<p class="text-sm">Error: {wasmError}.</p>
<p class="text-sm">Error: {wasm.error}.</p>
</div>
</div>
{/if}

View File

@ -16,7 +16,8 @@ const config = {
strict: true
})
},
preprocess: vitePreprocess()
preprocess: vitePreprocess(),
trailingSlash: 'always'
};
export default config;