nutomic/ibis
1
0
Fork 0
mirror of https://github.com/Nutomic/ibis.git synced 2024-11-22 12:31:08 +00:00
Code Projects Releases Packages Activity

Some design improvements

Browse source
This commit is contained in:
Felix Ableitner 2024-11-06 12:51:36 +01:00
parent 1093cbf67e
commit f9a23236df
3 changed files with 13 additions and 20 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
assets/ibis.css
View file

@ -6,12 +6,3 @@
.anchor svg { .anchor svg {
display: inline; display: inline;
} }
@media only screen and (max-width: 720px) {
nav {
width: 100% !important;
}
nav #navbar-start {
display: flex;
}
}

2
src/frontend/app.rs
View file

@ -92,7 +92,7 @@ pub fn App() -> impl IntoView {
view! { view! {
<Html attr:data-theme="emerald" class="h-full" /> <Html attr:data-theme="emerald" class="h-full" />
<Body class="min-h-full flex max-sm:flex-col divide-x divide-slate-300 divide-solid" /> <Body class="min-h-full flex max-sm:flex-col md:divide-x divide-slate-300 divide-solid" />
<> <>
<Stylesheet id="ibis" href="/pkg/ibis.css" /> <Stylesheet id="ibis" href="/pkg/ibis.css" />
<Stylesheet id="katex" href="/katex.min.css" /> <Stylesheet id="katex" href="/katex.min.css" />

22
src/frontend/components/nav.rs
View file

@ -22,10 +22,10 @@ pub fn Nav() -> impl IntoView {
let (search_query, set_search_query) = create_signal(String::new()); let (search_query, set_search_query) = create_signal(String::new());
view! { view! {
<nav class="max-sm:navbar p-2.5 bg-sky-50/50"> <nav class="max-sm:navbar p-2.5 bg-sky-50">
<div <div
id="navbar-start" id="navbar-start"
class="max-sm:navbar-start max-sm:dropdown max-sm:dropdown-bottom max-sm:dropdown-end max-sm:w-full md:h-full" class="max-sm:navbar-start max-sm:flex max-sm:dropdown max-sm:dropdown-bottom max-sm:dropdown-end max-sm:w-full md:h-full"
> >
<h1 class="w-min md:hidden text-3xl font-bold font-serif"> <h1 class="w-min md:hidden text-3xl font-bold font-serif">
{GlobalState::api_client().hostname} {GlobalState::api_client().hostname}
@ -36,7 +36,7 @@ pub fn Nav() -> impl IntoView {
</button> </button>
<ul <ul
tabindex="0" tabindex="0"
class="menu dropdown-content p-2 max-sm:rounded-box max-sm:bg-sky-50 max-sm:z-[1] max-sm:shadow md:h-full max-sm:translate-y-6" class="menu dropdown-content p-2 max-sm:rounded-box bg-sky-50 max-sm:z-[1] max-sm:shadow md:h-full"
> >
<h1 class="px-4 py-2 text-3xl font-bold font-serif sm:hidden"> <h1 class="px-4 py-2 text-3xl font-bold font-serif sm:hidden">
{GlobalState::api_client().hostname} {GlobalState::api_client().hostname}
@ -118,13 +118,15 @@ pub fn Nav() -> impl IntoView {
} }
</Show> </Show>
<div class="flex-grow"></div> <div class="flex-grow min-h-2"></div>
<p class="m-1">"Version "{env!("CARGO_PKG_VERSION")}</p> <div class="m-1 grid gap-2">
<p class="m-1"> <p>"Version "{env!("CARGO_PKG_VERSION")}</p>
<a href="https://github.com/Nutomic/ibis" class="link"> <p>
Source Code <a href="https://github.com/Nutomic/ibis" class="link">
</a> Source Code
</p> </a>
</p>
</div>
</ul> </ul>
</div> </div>
</nav> </nav>