Cleanup css
This commit is contained in:
parent
6bc8afceee
commit
af4dfae163
1
justfile
1
justfile
@ -22,6 +22,7 @@ clean:
|
||||
|
||||
build-docs:
|
||||
earthly +docs
|
||||
cargo doc --all
|
||||
|
||||
# TODO: Clippy
|
||||
rust-watch:
|
||||
|
@ -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>
|
||||
|
@ -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>
|
||||
|
@ -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>
|
||||
|
@ -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}
|
||||
|
@ -16,7 +16,8 @@ const config = {
|
||||
strict: true
|
||||
})
|
||||
},
|
||||
preprocess: vitePreprocess()
|
||||
preprocess: vitePreprocess(),
|
||||
trailingSlash: 'always'
|
||||
};
|
||||
|
||||
export default config;
|
||||
|
Loading…
Reference in New Issue
Block a user