remanso-space/remanso
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: add the right margin to the right components

Browse Source
This commit is contained in:
Julien Calixte
2026-03-29 22:09:01 +02:00
parent d5b251c4a0
commit ed1a6b7fba
2 changed files with 30 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
src/components/RepoList.vue
View File

@@ -40,6 +40,7 @@ const getStyle = (seed: string) => {
<style scoped lang="scss"> <style scoped lang="scss">
.repo-list { .repo-list {
display: flex; display: flex;
justify-content: space-evenly;
gap: 1rem; gap: 1rem;
flex-wrap: wrap; flex-wrap: wrap;

57
src/components/WelcomeWorld.vue
View File

@@ -16,34 +16,34 @@ const { userInput, repoInput, submit } = useForm()
<template> <template>
<div class="welcome-world"> <div class="welcome-world">
<div class="welcome-content"> <div class="welcome-content">
<h1 class="title is-1"> <h1 class="title is-1">
<img src="/favicon.png" alt="Remanso icon" class="remanso-logo" /> <img src="/favicon.png" alt="Remanso icon" class="remanso-logo" />
Remanso Remanso
</h1> </h1>
<repo-list /> <repo-list />
<last-visited /> <last-visited />
<form class="github-form" @submit.prevent> <form class="github-form" @submit.prevent>
<div>github/</div> <div>github/</div>
<input <input
v-model="userInput" v-model="userInput"
class="input input-ghost" class="input input-ghost"
type="text" type="text"
placeholder="user" placeholder="user"
/> />
/ /
<input <input
v-model="repoInput" v-model="repoInput"
class="input input-ghost" class="input input-ghost"
type="text" type="text"
placeholder="repo" placeholder="repo"
/> />
<button type="submit" class="btn btn-sm btn-primary" @click="submit"> <button type="submit" class="btn btn-sm btn-primary" @click="submit">
go go
</button> </button>
</form> </form>
</div> </div>
<footer> <footer>
@@ -144,7 +144,6 @@ h1 {
} }
.welcome-world { .welcome-world {
padding: 1rem;
margin: auto; margin: auto;
display: flex; display: flex;
flex: 1; flex: 1;
@@ -162,7 +161,7 @@ h1 {
flex: 1; flex: 1;
flex-direction: column; flex-direction: column;
gap: 1rem; gap: 1rem;
padding: 0 0.5rem;
} }
.github-form { .github-form {
@@ -177,8 +176,10 @@ h1 {
footer { footer {
display: flex; display: flex;
gap: 1rem; gap: 0.2rem;
align-items: center; align-items: center;
justify-content: space-around;
padding: 0.5rem;
} }
.profile-avatar { .profile-avatar {