archive/sanifae
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Improved CSS

Browse source
This commit is contained in:
Xodrium 2023-02-10 20:08:34 -05:00
parent c725313525
commit a2c9fdcd50
9 changed files with 59 additions and 68 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
src/lib/components/Area.svelte
View file

@ -1,6 +1,7 @@
<style>
#content {
background: var(--dark-1);
background: var(--light-1);
box-shadow: 0px 3px 5px 3px var(--dark-2);
width: min(700px, 90vw);
padding: 20px;
@ -23,6 +24,10 @@
padding: 0;
}
#header {
border-bottom: var(--dark-2) solid 2px;
}
#main {
min-height: 250px;
max-height: 500px;

3
src/lib/components/Button.svelte
View file

@ -6,13 +6,14 @@
font-family: 'Open Sans';
border-radius: 0.5rem;
border-radius: 2rem;
margin: 0.2rem;
}
.button a {
color: var(--light-1);
font-weight: bold;
}
</style>

4
src/lib/components/PostButton.svelte
View file

@ -1,7 +1,7 @@
<style>
.votes {
font-weight: bold;
font-size: 1.5rem;
font-size: 0.9rem;
}
.vote-area {
margin-right: 30px;
@ -9,7 +9,7 @@
.button {
width: auto;
height: 35px;
height: 20px;
}
</style>

29
src/routes/+layout.svelte
View file

@ -1,14 +1,14 @@
<style>
:global(:root) {
--dark-1: #1a1b1d;
--dark-2: #22242b;
--dark-3: #5d606b;
--dark-1: #2b2f36;
--dark-2: #d8d8d8;
--dark-3: rgb(73, 138, 236);
--light-1: #ffffff;
--light-2: #f8f8f8;
--hyperlink: #97b9eb;
--hyperlink: rgb(139, 171, 219);
color: var(--light-1);
font-family: 'Open Sans';
}
@ -20,14 +20,16 @@
:global(input, textarea) {
border: 0;
border-radius: 0.2rem;
box-shadow: 0px 2px 2.5px 0px var(--dark-2);
}
#content {
background: var(--dark-2);
background: var(--light-2);
height: 100vh;
width: calc(100vw - 50px);
padding: 25px;
padding-top: 0px;
display: flex;
flex-direction: column;
@ -37,11 +39,12 @@
}
#logo {
width: calc(100vw - 20px);
background: var(--dark-1);
padding: 10px;
border-radius: 50px;
padding: 5px;
display: flex;
flex-direction: row;
@ -54,11 +57,13 @@
#logo a {
padding: 10px;
color: var(--light-1);
font-weight: bold;
}
#logo img {
height: auto;
width: 125px;
height: 30px;
width: auto;
display: block;
}
@ -72,7 +77,7 @@
<div id='content'>
<div id='logo'>
<a href='/'>
<img src='/logo_sanifae.svg' alt='Sanifae Logo'>
<img src='/icon_sanifae.svg' alt='Sanifae Logo'>
</a>
{#if data.username && data.username != 'false'}
<a href='/user/{data.username}'>

7
src/routes/+page.svelte
View file

@ -1,5 +1,6 @@
<script>
import Post from '$lib/components/Post.svelte';
import Button from '$lib/components/Button.svelte'
/** @type {import('./$types').PageData} */
export let data;
@ -17,6 +18,6 @@
{/each}
<p>
<a data-sveltekit-reload href='?page={data.id+1}'>Next page</a>
</p>
<p></p>
<Button clickFunc={() => { window.location.search = 'page=' + ((data.id)-1) }}>Previous page</Button>
<Button clickFunc={() => { window.location.search = 'page=' + ((data.id)+1) }}>Next page</Button>
</p>

4
static/downvote.svg
View file

@ -41,11 +41,11 @@
id="layer1"
transform="translate(-48.929905,-129.52741)">
<path
style="fill:none;fill-opacity:1;stroke:#ffffff;stroke-width:11.90625;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
style="fill:none;fill-opacity:1;stroke:#aaa;stroke-width:11.90625;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="m 56.684592,149.59814 10.887303,12.1325 13.600048,-26.2501"
id="path3462" />
<path
style="fill:none;fill-opacity:1;stroke:#ffffff;stroke-width:11.90625;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
style="fill:none;fill-opacity:1;stroke:#aaa;stroke-width:11.90625;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 79.370381,172.06252 68.483078,159.93002 54.88303,186.18012"
id="path8000" />
</g>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.8 KiB

After

Width:  |  Height:  |  Size: 1.8 KiB

67
static/logo_sanifae.svg
View file

File diff suppressed because one or more lines are too long
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 11 KiB

After

Width:  |  Height:  |  Size: 14 KiB

2
static/upvote.svg
View file

@ -41,7 +41,7 @@
id="layer1"
transform="translate(-47.715969,-129.48962)">
<path
style="fill:none;fill-opacity:1;stroke:#ffffff;stroke-width:7.9375;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
style="fill:none;fill-opacity:1;stroke:#aaa;stroke-width:7.9375;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="m 51.684719,147.57597 10.887303,12.1325 13.600048,-26.2501"
id="path3462" />
</g>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.5 KiB

After

Width:  |  Height:  |  Size: 1.5 KiB

4
static/view.svg
View file

@ -41,11 +41,11 @@
id="layer1"
transform="translate(-53.804537,-76.370715)">
<path
style="color:#000000;fill:#ffffff;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:3.96999;-inkscape-stroke:none"
style="color:#000000;fill:#aaa;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:3.96999;-inkscape-stroke:none"
d="m 95.90625,76.370863 c -23.173772,0 -42.101563,18.92779 -42.101563,42.101567 0,23.17377 18.927791,42.10156 42.101563,42.10156 23.17377,0 42.10156,-18.92779 42.10156,-42.10156 0,-23.173777 -18.92779,-42.101567 -42.10156,-42.101567 z m 0,13.228515 c 16.02419,0 28.87305,12.848862 28.87305,28.873052 0,16.02419 -12.84886,28.87304 -28.87305,28.87304 -16.024189,0 -28.873047,-12.84885 -28.873047,-28.87304 0,-16.02419 12.848858,-28.873052 28.873047,-28.873052 z"
id="path234" />
<circle
style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:3.96999;stroke-dasharray:none;stroke-opacity:1"
style="fill:#aaa;fill-opacity:1;stroke:#aaa;stroke-width:0;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:3.96999;stroke-dasharray:none;stroke-opacity:1"
id="path3020"
cx="95.90625"
cy="118.47243"

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.2 KiB

After

Width:  |  Height:  |  Size: 2.2 KiB