Skip to content

Commit

Permalink
fixing dumb styling stuff
Browse files Browse the repository at this point in the history
  • Loading branch information
TheMarstonConnell committed Feb 14, 2024
1 parent 5ff1fb8 commit fd3299b
Show file tree
Hide file tree
Showing 6 changed files with 58 additions and 29 deletions.
2 changes: 1 addition & 1 deletion index.html
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Vite + Vue + TS</title>
<title>Beacon</title>
</head>
<body>
<div id="app"></div>
Expand Down
2 changes: 2 additions & 0 deletions src/assets/css/style.css
Original file line number Diff line number Diff line change
Expand Up @@ -59,6 +59,8 @@ button:focus-visible {
padding: 2em;
}



#app {
margin: 0;
padding: 0;
Expand Down
4 changes: 2 additions & 2 deletions src/components/DraftDocuments.vue
Original file line number Diff line number Diff line change
Expand Up @@ -30,8 +30,8 @@
<div class="draft-docs">
<h2>Drafts</h2>
<div class="action-buttons">
<button class="add-button" @click="openSaveDraft">+</button>
<button class="public-button" @click="openPubDraft">P</button>
<button class="add-button" @click="openSaveDraft">Save</button>
<button class="public-button" @click="openPubDraft">Pub.</button>
</div>
<ul class="files">
<li v-for="item in files">
Expand Down
8 changes: 4 additions & 4 deletions src/views/DraftEditor.vue
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
<template>
<div class="template-container">
<div id="editor-temp" class="template-container">
<div class="connect-buttons">
<button @click="connectWallet" v-if=!walletInit>Connect Wallet</button>
<router-link v-else :to="`/` + address">
Expand All @@ -13,7 +13,7 @@
</div>
<div class="main-container" >
<h1>Beacon Editor</h1>
<main v-if="walletInit">
<main id="editor-main" v-if="walletInit">
<section>
<CKE id="editor" :editor="CustomCKEditor" v-model="editorData" :config="{}" />
</section>
Expand Down Expand Up @@ -64,14 +64,14 @@
</script>

<style lang="scss">
main {
#editor-main {
display: grid;
grid-template-columns: auto 200px;
grid-template-rows: 1fr;
padding: 0rem 4rem;
}
.template-container {
#editor-temp {
display: flex;
flex-direction: column;
//height: 100%;
Expand Down
53 changes: 42 additions & 11 deletions src/views/HomePage.vue
Original file line number Diff line number Diff line change
Expand Up @@ -11,16 +11,16 @@
</div>
<div id="hero-art"></div>
</div>
<main v-else>
<section>
<div ref="shell" >
<main v-else id="home-main">
<section id="article-section">
<div id="article" ref="shell" >
<span class="loader"></span>
</div>
</section>
<aside>
<!-- // people here -->
<div ref="peoples" />
</aside>
<!-- <aside>-->
<!--&lt;!&ndash; // people here &ndash;&gt;-->
<!-- <div ref="peoples" />-->
<!-- </aside>-->
</main>
</div>
</div>
Expand Down Expand Up @@ -53,11 +53,18 @@
</script>

<style lang="scss">
main {
display: grid;
grid-template-columns: auto 300px;
grid-template-rows: 1fr;
#home-main {
padding: 0rem 4rem;
height: 100%;
}
.main-container {
height: 100%;
flex-grow: 1;
margin-top: 0px;
}
.template-container {
flex-grow: 1;
background-color: #fafafa;
}
.loader {
width: 48px;
Expand Down Expand Up @@ -94,6 +101,30 @@
background-color: lightblue;
}
#article-section {
width: 50%;
margin: 0px auto;
border-left: gray solid 1px;
border-right: gray solid 1px;
padding: 0px 60px;
height: 100%;
background-color: #fff;
}
#article {
text-align: left;
padding-top: 40px;
img {
width: 100% !important;
height: auto !important;
}
h1 {
margin-top: 0px;
}
}
.hero {
height: 80vh;
Expand Down
18 changes: 7 additions & 11 deletions src/views/UserPage.vue
Original file line number Diff line number Diff line change
@@ -1,8 +1,8 @@
<template>
<div class="template-container">
<div class="main-container">
<main>
<section>
<main id="user-main">
<!-- <section>-->
<div>
<span v-if="!worx.length" class="loader"></span>
<div v-else>
Expand All @@ -18,11 +18,6 @@
</ul>
</div>
</div>
</section>
<aside>
<!-- // people here -->
<div ref="peoples" />
</aside>
</main>
</div>
</div>
Expand Down Expand Up @@ -68,11 +63,11 @@
</script>

<style lang="scss">
main {
display: grid;
grid-template-columns: auto 300px;
grid-template-rows: 1fr;
#user-main {
padding: 0rem 4rem;
height: 100%;
display: flex;
flex-direction: column;
}
.loader {
width: 48px;
Expand Down Expand Up @@ -108,6 +103,7 @@
flex-direction: column;
max-width: 30vw;
margin: 0px auto;
padding-bottom: 40px;
}
.work-item {
Expand Down

0 comments on commit fd3299b

Please sign in to comment.