stonewareslord/this_algorithm
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Cleanup css

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
justfile
View File

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

4
web-frontend/src/app.html
View File

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

22
web-frontend/src/lib/Map.svelte
View File

@ -45,28 +45,10 @@
}); });
</script> </script>
<div id="container"> <div id="container" class="h-1/2">
<div id="map" bind:this={mapElement} class="h-full w-fill pt-12" /> <div id="map" bind:this={mapElement} class="h-full w-full" />
</div> </div>
<style> <style>
@import 'leaflet/dist/leaflet.css'; @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> </style>

61
web-frontend/src/routes/+layout.svelte
View File

@ -7,35 +7,40 @@
content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" 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">
<!-- TODO: "justify-between" adds that space --> <header class="bg-white">
<nav class="flex items-center justify-between flex-wrap bg-teal-500 p-2"> <!-- TODO: "justify-between" adds that space -->
<div class="flex items-center flex-shrink-0 text-white mr-6"> <nav class="flex items-center justify-between flex-wrap p-2" style="background: #121212;">
<svg <div class="flex items-center flex-shrink-0 text-white mr-6">
class="fill-current h-8 w-8 mr-2" <!--<svg
width="54" class="fill-current h-8 w-8 mr-2"
height="54" width="54"
viewBox="0 0 54 54" height="54"
xmlns="http://www.w3.org/2000/svg" viewBox="0 0 54 54"
><path xmlns="http://www.w3.org/2000/svg"
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" ><path
/></svg 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
<span class="font-semibold text-xl tracking-tight">Xpin</span> >-->
</div> <a href="/">
<div class="block"> <span class="font-semibold text-xl tracking-tight">Xpin</span>
<div class="text-sm">
<a href="/" class="block mt-4 inline-block mt-0 text-teal-200 hover:text-white mr-4">
Home
</a>
<a href="./app" class="block mt-4 inline-block mt-0 text-teal-200 hover:text-white mr-4">
App
</a> </a>
</div> </div>
</div> <div class="block">
</nav> <div class="text-sm">
</header> <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 inline-block text-white hover:text-gray-500 mr-4 p-2">
App
</a>
</div>
</div>
</nav>
</header>
<main class="p-6 h-full "> <div class="p-6 flex-grow">
<slot /> <slot />
</div>
</main> </main>

2
web-frontend/src/routes/app/+page.svelte
View File

@ -87,7 +87,7 @@
</div> </div>
<div> <div>
<p class="font-bold">Could not start core module</p> <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>
</div> </div>
{/if} {/if}

3
web-frontend/svelte.config.js
View File

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