cory/tildefriends
4
5
Fork 1
Code Issues 31 Pull Requests 1 Actions Releases 24 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",
"emoji": "🐌",
"previous": "&aZVxNuiPov7LSAmnCoNa7HTryMSLhO83QqLhQ9K9JH8=.sha256"
"previous": "&n4YCyklfFAtR817GefbdRl5PJGWylSau1YqrD6yq0Ac=.sha256"
}

5
apps/ssb/index.html
View File

@ -4,15 +4,14 @@
<title>Tilde Friends</title>
<base target="_top">
<link rel="stylesheet" href="tribute.css"/>
<link rel="stylesheet" href="w3.css"/>
<style>
.tribute-container {
color: #000;
}
</style>
</head>
<body>
<tf-app/>
<body style="background-color: #223a5e">
<tf-app class="w3-deep-purple"/>
<script>window.litDisableBundleWarning = true;</script>
<script src="filesaver.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() {
return html`
<div style="display: flex">
<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>
<button class="w3-button w3-dark-grey" @click=${this.create_identity} id="create_identity">Create Identity</button>
<div style="display: flex; gap: 8px">
<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 w3-border" @click=${this.create_identity} id="create_identity">Create Identity</button>
</div>
`;
}

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

@ -466,11 +466,11 @@ class TfComposeElement extends LitElement {
let result = html`
<div class="w3-card-4 w3-blue-grey w3-padding" style="box-sizing: border-box">
${this.render_encrypt()}
<div style="display: flex; flex-direction: row; width: 100%">
<div style="flex: 1 0 50%" class="w3-padding">
<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>
<div style="display: flex; flex-direction: row; width: 100%; gap: 4px">
<div style="flex: 1 0 50%">
<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 style="flex: 1 0 50%" class="w3-padding">
<div style="flex: 1 0 50%">
${content_warning}
<div id="preview"></div>
</div>

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

@ -31,7 +31,7 @@ class TfIdentityPickerElement extends LitElement {
render() {
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>`)}
</select>
`;

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

@ -55,9 +55,8 @@ code {
}
blockquote {
background-color: black;
background-color: #607d8b;
border-left: 4px solid #fff;
margin-left: 0px;
padding: 8px;
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;
return html`
<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>
</p>
<div>Welcome, <tf-user id=${this.whoami} .users=${this.users}></tf-user>!</div>