ayo/cozy
ayo/cozy
1
Fork 0
Code Issues 2 Pull requests 1 Projects Releases Packages Wiki Activity Actions

style: spacing adjustments

Browse source
This commit is contained in:
Ayo 2023-06-12 22:33:01 +02:00
parent 69eac28ff9
commit ad1b670ddc
3 changed files with 17 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
src/components/AddressBar.astro
View file

@ -38,13 +38,12 @@ const form = new FormGroup([
<style lang="scss"> <style lang="scss">
.address-bar { .address-bar {
text-align: center; text-align: center;
padding: 0.5em;
width: 100%; width: 100%;
} }
nav { nav {
margin: 0.5em 0; padding: 0.5rem;
font-size: small;
a:hover { a:hover {
text-decoration: underline; text-decoration: underline;
} }
@ -54,13 +53,12 @@ const form = new FormGroup([
} }
img { img {
display: inline; display: inline;
vertical-align: middle; vertical-align: bottom;
} }
} }
:global(input) { :global(input) {
width: 100%; width: 100%;
max-width: var(--cozy-width);
text-align: center; text-align: center;
border: 0px; border: 0px;
border-radius: 5px; border-radius: 5px;

2
src/components/Library.astro
View file

@ -105,7 +105,7 @@ const {postDivSelector, skipSave = false} = Astro.props;
} }
:global(.post-card) { :global(.post-card) {
padding-top: 1rem; padding-bottom: 0.5rem;
:global(.post-card__image) { :global(.post-card__image) {
float: left; float: left;
margin: 0.25rem 0.5rem 0.25rem 0; margin: 0.25rem 0.5rem 0.25rem 0;

24
src/layouts/Layout.astro
View file

@ -26,28 +26,30 @@ const { meta } = Astro.props;
</head> </head>
<body> <body>
<slot /> <div id="app-wrapper">
<div id="main-content"> <slot />
<div id="post-wrapper"> <div id="main-content">
<slot name="post" /> <div id="post-wrapper">
</div> <slot name="post" />
<div id="library-wrapper"> </div>
<slot name="library" /> <div id="library-wrapper">
<slot name="library" />
</div>
</div> </div>
</div> </div>
</body> </body>
</html> </html>
<style> <style>
#main-content { #app-wrapper {
max-width: var(--cozy-width); width: 100%;
max-width: 650px;
margin: 0 auto; margin: 0 auto;
padding: 0 1em 1em; padding: 0.5rem;
} }
</style> </style>
<style is:global lang="scss"> <style is:global lang="scss">
:root { :root {
--cozy-width: 600px;
--system-ui: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, --system-ui: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif,
"Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
} }