forked from cory/tildefriends
More style.
git-svn-id: https://www.unprompted.com/svn/projects/tildefriends/trunk@4774 ed5197a5-7fde-0310-b194-c3ffbd925b24
This commit is contained in:
parent
c3e2da3d51
commit
1eab44464c
@ -1,5 +1,5 @@
|
||||
{
|
||||
"type": "tildefriends-app",
|
||||
"emoji": "🐌",
|
||||
"previous": "&aZVxNuiPov7LSAmnCoNa7HTryMSLhO83QqLhQ9K9JH8=.sha256"
|
||||
"previous": "&n4YCyklfFAtR817GefbdRl5PJGWylSau1YqrD6yq0Ac=.sha256"
|
||||
}
|
@ -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>
|
||||
|
@ -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>
|
||||
`;
|
||||
}
|
||||
|
@ -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>
|
||||
|
@ -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>
|
||||
`;
|
||||
|
@ -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;
|
||||
}
|
||||
|
@ -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>
|
||||
|
Loading…
Reference in New Issue
Block a user