tasiaiso/tildefriends
1
0
Fork 0
forked from cory/tildefriends
Code Issues Pull Requests Releases Wiki Activity

More style.

Browse Source 
git-svn-id: https://www.unprompted.com/svn/projects/tildefriends/trunk@4774 ed5197a5-7fde-0310-b194-c3ffbd925b24
This commit is contained in:
Cory McWilliams 2024-01-15 02:01:36 +00:00
parent c3e2da3d51
commit 1eab44464c
7 changed files with 12 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
apps/ssb.json
View File

@ -1,5 +1,5 @@
{ {
"type": "tildefriends-app", "type": "tildefriends-app",
"emoji": "🐌", "emoji": "🐌",
"previous": "&aZVxNuiPov7LSAmnCoNa7HTryMSLhO83QqLhQ9K9JH8=.sha256" "previous": "&n4YCyklfFAtR817GefbdRl5PJGWylSau1YqrD6yq0Ac=.sha256"
} }

5
apps/ssb/index.html
View File

@ -4,15 +4,14 @@
<title>Tilde Friends</title> <title>Tilde Friends</title>
<base target="_top"> <base target="_top">
<link rel="stylesheet" href="tribute.css"/> <link rel="stylesheet" href="tribute.css"/>
<link rel="stylesheet" href="w3.css"/>
<style> <style>
.tribute-container { .tribute-container {
color: #000; color: #000;
} }
</style> </style>
</head> </head>
<body> <body style="background-color: #223a5e">
<tf-app/> <tf-app class="w3-deep-purple"/>
<script>window.litDisableBundleWarning = true;</script> <script>window.litDisableBundleWarning = true;</script>
<script src="filesaver.min.js"></script> <script src="filesaver.min.js"></script>
<script src="commonmark.min.js"></script> <script src="commonmark.min.js"></script>

6
apps/ssb/tf-app.js
View File

@ -184,9 +184,9 @@ class TfElement extends LitElement {
render_id_picker() { render_id_picker() {
return html` return html`
<div style="display: flex"> <div style="display: flex; gap: 8px">
<tf-id-picker style="flex: 1 1" id="picker" selected=${this.whoami} .ids=${this.ids} .users=${this.users} @change=${this._handle_whoami_changed}></tf-id-picker> <tf-id-picker id="picker" selected=${this.whoami} .ids=${this.ids} .users=${this.users} @change=${this._handle_whoami_changed}></tf-id-picker>
<button class="w3-button w3-dark-grey" @click=${this.create_identity} id="create_identity">Create Identity</button> <button class="w3-button w3-dark-grey w3-border" @click=${this.create_identity} id="create_identity">Create Identity</button>
</div> </div>
`; `;
} }

8
apps/ssb/tf-compose.js
View File

@ -466,11 +466,11 @@ class TfComposeElement extends LitElement {
let result = html` let result = html`
<div class="w3-card-4 w3-blue-grey w3-padding" style="box-sizing: border-box"> <div class="w3-card-4 w3-blue-grey w3-padding" style="box-sizing: border-box">
${this.render_encrypt()} ${this.render_encrypt()}
<div style="display: flex; flex-direction: row; width: 100%"> <div style="display: flex; flex-direction: row; width: 100%; gap: 4px">
<div style="flex: 1 0 50%" class="w3-padding"> <div style="flex: 1 0 50%">
<textarea class="w3-input w3-dark-grey w3-border" style="resize: vertical" placeholder="Write a post here." id="edit" @input=${this.input} @change=${this.change} @paste=${this.paste}>${draft.text}</textarea> <p><textarea class="w3-input w3-dark-grey w3-border" style="resize: vertical" placeholder="Write a post here." id="edit" @input=${this.input} @change=${this.change} @paste=${this.paste}>${draft.text}</textarea></p>
</div> </div>
<div style="flex: 1 0 50%" class="w3-padding"> <div style="flex: 1 0 50%">
${content_warning} ${content_warning}
<div id="preview"></div> <div id="preview"></div>
</div> </div>

2
apps/ssb/tf-id-picker.js
View File

@ -31,7 +31,7 @@ class TfIdentityPickerElement extends LitElement {
render() { render() {
return html` return html`
<select class="w3-select w3-dark-grey" @change=${this.changed} style="max-width: 100%; overflow: hidden"> <select class="w3-select w3-dark-grey w3-padding w3-border" @change=${this.changed} style="max-width: 100%; overflow: hidden">
${(this.ids ?? []).map(id => html`<option ?selected=${id == this.selected} value=${id}>${this.users[id]?.name ? (this.users[id]?.name + ' - ') : undefined}<small>${id}</small></option>`)} ${(this.ids ?? []).map(id => html`<option ?selected=${id == this.selected} value=${id}>${this.users[id]?.name ? (this.users[id]?.name + ' - ') : undefined}<small>${id}</small></option>`)}
</select> </select>
`; `;

3
apps/ssb/tf-styles.js
View File

@ -55,9 +55,8 @@ code {
} }
blockquote { blockquote {
background-color: black; background-color: #607d8b;
border-left: 4px solid #fff; border-left: 4px solid #fff;
margin-left: 0px;
padding: 8px; padding: 8px;
padding-left: 12px; padding-left: 12px;
} }

1
apps/ssb/tf-tab-news.js
View File

@ -107,7 +107,6 @@ class TfTabNewsElement extends LitElement {
html`<tf-profile id=${this.hash.substring(1)} whoami=${this.whoami} .users=${this.users}></tf-profile>` : undefined; html`<tf-profile id=${this.hash.substring(1)} whoami=${this.whoami} .users=${this.users}></tf-profile>` : undefined;
return html` return html`
<p class="w3-bar"> <p class="w3-bar">
<button class="w3-bar-item w3-button w3-grey" ?hidden=${this.hash.length <= 1}>🏠 Home</button>
<button class="w3-bar-item w3-button w3-dark-grey" @click=${this.show_more}>${this.new_messages_text()}</button> <button class="w3-bar-item w3-button w3-dark-grey" @click=${this.show_more}>${this.new_messages_text()}</button>
</p> </p>
<div>Welcome, <tf-user id=${this.whoami} .users=${this.users}></tf-user>!</div> <div>Welcome, <tf-user id=${this.whoami} .users=${this.users}></tf-user>!</div>