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

2
src/components/Library.astro
View file

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

10
src/layouts/Layout.astro
View file

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