blisstown/campfire
blisstown/campfire
2
0
Fork 1
Code Issues 19 Pull requests Projects 1 Releases Activity

fix width (???), return button backgrounds

Browse source
This commit is contained in:
ari melody 2025-07-13 15:41:56 +01:00
parent b295b6f03a
commit 970590497f
Signed by: ari
GPG key ID: CF99829C92678188
4 changed files with 8 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/lib/app.css
View file

@ -79,7 +79,7 @@ header, #widgets {
} }
main { main {
width: 732px; width: 700px;
} }
img.emoji { img.emoji {

17
src/lib/ui/Button.svelte
View file

@ -63,7 +63,7 @@
border-radius: 8px; border-radius: 8px;
border: 2px solid var(--bg-700); border: 2px solid var(--bg-700);
background-color: transparent; background-color: var(--bg-700);
color: var(--text); color: var(--text);
transition-property: border-color, background-color, color; transition-property: border-color, background-color, color;
@ -79,11 +79,13 @@
} }
button:hover { button:hover {
background-color: color-mix(in srgb, transparent, var(--bg-700) 50%); border-color: color-mix(in srgb, var(--bg-700), black 10%);
background-color: color-mix(in srgb, var(--bg-700), black 10%);
} }
button:active { button:active {
background-color: var(--bg-700); border-color: color-mix(in srgb, var(--bg-700), black 20%);
background-color: color-mix(in srgb, var(--bg-700), black 20%);
} }
button.active { button.active {
@ -124,18 +126,11 @@
button.disabled { button.disabled {
color: var(--text); color: var(--text);
opacity: .5; opacity: .5;
background: transparent;
border-color: transparent; border-color: transparent;
cursor: initial; cursor: initial;
} }
button.disabled:hover {
background-color: transparent;
}
button.disabled:active {
background-color: transparent;
}
.icon:not(:empty) { .icon:not(:empty) {
height: 1.8em; height: 1.8em;
margin-right: 8px; margin-right: 8px;

2
src/lib/ui/Modal.svelte
View file

@ -38,7 +38,7 @@
z-index: 101; z-index: 101;
padding: 16px; padding: 16px;
width: 732px; width: 700px;
border-radius: 8px; border-radius: 8px;
box-shadow: 0px 16px 64px 4px rgba(0,0,0,0.5); box-shadow: 0px 16px 64px 4px rgba(0,0,0,0.5);
animation: modal_pop_up .15s cubic-bezier(0.22, 1, 0.36, 1); animation: modal_pop_up .15s cubic-bezier(0.22, 1, 0.36, 1);

2
src/lib/ui/post/Post.svelte
View file

@ -74,8 +74,6 @@
<style> <style>
.post-container { .post-container {
width: 732px;
max-width: 732px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
border-top: 1px solid color-mix(in srgb, transparent, var(--text) 25%); border-top: 1px solid color-mix(in srgb, transparent, var(--text) 25%);