search

code4sac / sacramento-campaign-finance

Dataset and dashboard of money in local politics
https://sacramento-campaign-cash.netlify.app/
2 stars 5 forks source link

Add Tabler to the project and update home page #24

Closed jeremiak closed 1 year ago

jeremiak commented 1 year ago

Tabler is a UI framework that has a bunch of layouts, components, and even some chart integrations that seem like they'd be helpful as we build. There's even a Svelte library with a bunch of icons.

We want the homepage to look like this Figma wireframe. I think that you should able to include the framework by adding the following to src/app.html:

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@tabler/core@1.0.0-beta17/dist/css/tabler.min.css">
<script src="https://cdn.jsdelivr.net/npm/@tabler/core@1.0.0-beta17/dist/js/tabler.min.js"></script>
natebass commented 1 year ago

I am going to keep this issue open until we fully implement Tabler.

TablerUI has container classes that will help with margins and responsive design. We can start by using these classes in the navbar and page layout https://tabler.io/docs/layout/page-layouts