Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add a bit of a gradient to the header and maybe the footer #2302

Closed
simonw opened this issue Mar 12, 2024 · 2 comments
Closed

Add a bit of a gradient to the header and maybe the footer #2302

simonw opened this issue Mar 12, 2024 · 2 comments

Comments

@simonw
Copy link
Owner

simonw commented Mar 12, 2024

Currently looks like this:

CleanShot 2024-03-12 at 16 50 59@2x

I've been trying this out on Datasette Cloud for a while and I like it:

CleanShot 2024-03-12 at 16 51 29@2x

@simonw
Copy link
Owner Author

simonw commented Mar 12, 2024

Here's the CSS I added to Datasette Cloud to get this:

body header {
    background: linear-gradient(180deg, rgba(96,144,173,1) 0%, rgba(39,104,144,1) 50%); 
}
body .nav-menu-inner li {
    padding: 0.3rem 0.5rem;
    border-top: 1px solid #ffffff69;
}
body details .nav-menu-inner {
    top: 2.6rem;
    padding: 0;
}

@simonw simonw closed this as completed in 9cc6f19 Mar 12, 2024
simonw added a commit that referenced this issue Mar 13, 2024
@simonw
Copy link
Owner Author

simonw commented Mar 13, 2024

Now live on https://latest.datasette.io/

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

1 participant