rythondev/coworking-stream-guide
1
0
Fork 0
mirror of https://github.com/liyunze-coding/coworking-website.git synced 2026-11-06 13:13:34 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

fixed viewTransition bug

Browse source
This commit is contained in:
liyunze 2023-08-14 16:26:28 +08:00
parent 4de61cf803
commit 763b07cbd1
2 changed files with 50 additions and 51 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/components/navBar.astro
View file

@ -1,4 +1,4 @@
<div class="w-full"> <div transition:persist class="w-full">
<label <label
class="fixed flex hamburger-menu bg-primary border-2 border-solid border-gray-100 p-2 rounded-lg" class="fixed flex hamburger-menu bg-primary border-2 border-solid border-gray-100 p-2 rounded-lg"
> >

99
src/layouts/Layout.astro
View file

@ -35,60 +35,59 @@ const { title, description } = Astro.props;
rel="stylesheet" rel="stylesheet"
/> />
<script defer src="/_vercel/insights/script.js"></script> <script defer src="/_vercel/insights/script.js"></script>
<ViewTransitions />
<meta name="generator" content={Astro.generator} /> <meta name="generator" content={Astro.generator} />
<title>{title}</title> <title>{title}</title>
</head> </head>
<body> <body>
<NavBar /> <NavBar />
<slot /> <slot />
<ViewTransitions /> </body><style is:global>
</body> * {
box-sizing: border-box;
margin: 0;
padding: 0;
}
html {
font-family: "Montserrat", system-ui, sans-serif;
background-color: #29233f;
}
html,
body {
min-height: 100%;
}
body {
height: 100vh;
font-family: "Montserrat", system-ui, sans-serif;
}
code {
font-family: Menlo, Monaco, Lucida Console, Liberation Mono,
DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New,
monospace;
}
nav {
font-family: "Montserrat", system-ui, sans-serif;
font-weight: 500;
}
nav ul a {
text-decoration: none;
}
a.preview {
text-decoration: none;
}
p code {
word-break: break-all; /* This will allow the URL to break at any character */
display: block; /* Ensures the entire URL is on its own line */
width: 100%; /* Make sure the code element takes up the full width of its container */
overflow-x: auto;
}
</style>
</html> </html>
<style is:global>
* {
box-sizing: border-box;
margin: 0;
padding: 0;
}
html {
font-family: "Montserrat", system-ui, sans-serif;
background-color: #29233f;
}
html,
body {
min-height: 100%;
}
body {
height: 100vh;
font-family: "Montserrat", system-ui, sans-serif;
}
code {
font-family: Menlo, Monaco, Lucida Console, Liberation Mono,
DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace;
}
nav {
font-family: "Montserrat", system-ui, sans-serif;
font-weight: 500;
}
nav ul a {
text-decoration: none;
}
a.preview {
text-decoration: none;
}
p code {
word-break: break-all; /* This will allow the URL to break at any character */
display: block; /* Ensures the entire URL is on its own line */
width: 100%; /* Make sure the code element takes up the full width of its container */
overflow-x: auto;
}
</style>