hyro/website
1
0
Fork 0
mirror of https://github.com/xHyroM/website.git synced 2024-11-12 18:48:06 +01:00
Code Issues Projects Releases Wiki Activity Actions

fix: docs mobile appereance

Browse source
This commit is contained in:
OLIMINATOR 2023-06-04 21:16:32 +02:00
parent ca4a9d113e
commit acdbfc5548
3 changed files with 8 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
.prettierrc.cjs
View file

@ -1,7 +1,6 @@
module.exports = { module.exports = {
plugins: [ plugins: [
require.resolve("prettier-plugin-astro"), require.resolve("prettier-plugin-astro"),
require.resolve("prettier-plugin-tailwindcss"),
], ],
overrides: [ overrides: [
{ {

4
src/components/widgets/docs/LeftSidebar.astro
View file

@ -25,7 +25,7 @@ const getLinkClasses = (link: SidebarItem) => {
}; };
--- ---
<aside title="Site Navigation"> <aside title="Site Navigation" class="left-0 absolute md:relative">
<div class="absolute z-10 text-white md:hidden"> <div class="absolute z-10 text-white md:hidden">
<button id="sidebar-show" class="p-4 pl-2"> <button id="sidebar-show" class="p-4 pl-2">
<span class="sr-only">sidebar menu</span> <span class="sr-only">sidebar menu</span>
@ -40,7 +40,7 @@ const getLinkClasses = (link: SidebarItem) => {
<nav <nav
id="sidebar" id="sidebar"
aria-labelledby="grid-left" aria-labelledby="grid-left"
class="bg-dark-r w-64 -translate-x-full p-4 transition-transform duration-200 md:visible md:translate-x-0 md:bg-transparent" class="bg-dark w-screen md:w-64 -translate-x-full p-4 transition-transform duration-200 md:visible md:translate-x-0 md:bg-transparent"
> >
<ul> <ul>
{ {

10
src/layouts/docs/ItemLayout.astro
View file

@ -15,18 +15,20 @@ const currentPage = new URL(Astro.request.url).pathname;
> >
<Navbar /> <Navbar />
<div class="grid grid-cols-12"> <div class="grid grid-cols-4 md:grid-cols-12">
<div <div
class="col-span-3 flex flex-row md:sticky md:top-0 md:h-screen md:pt-4" class="md:col-span-3 flex flex-row md:sticky md:top-0 md:h-screen md:pt-4"
> >
<div class="ml-auto"> <div class="ml-auto">
<LeftSidebar currentPage={currentPage} /> <LeftSidebar currentPage={currentPage} />
</div> </div>
</div> </div>
<main class="col-span-6 overflow-auto py-12"> <main
class="container mx-auto px-4 col-span-4 md:col-span-6 overflow-auto py-12"
>
<div> <div>
<article id="article" class="content"> <article id="article" class="content">
<section class="main-section prose prose-invert max-w-none"> <section class="break-all main-section prose prose-invert max-w-none">
<nav class="block sm:hidden"></nav> <nav class="block sm:hidden"></nav>
<slot /> <slot />
</section> </section>