This commit is contained in:
parent
0a22d67702
commit
4b57d57f94
@ -19,4 +19,4 @@
|
||||
text-decoration: underline;
|
||||
box-shadow: none !important;
|
||||
background: none !important;
|
||||
}
|
||||
}
|
||||
|
@ -6,4 +6,4 @@
|
||||
padding: 4px 6px;
|
||||
background: var(--bg-secondary);
|
||||
border-radius: 6px;
|
||||
}
|
||||
}
|
||||
|
@ -10,7 +10,7 @@
|
||||
|
||||
.note-invoice.error {
|
||||
padding: 8px 12px !important;
|
||||
color: #AAA;
|
||||
color: #aaa;
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
@ -92,4 +92,4 @@
|
||||
top: 26px;
|
||||
right: 20px;
|
||||
color: var(--font-color);
|
||||
}
|
||||
}
|
||||
|
@ -8,7 +8,7 @@
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.link-preview-container>a {
|
||||
.link-preview-container > a {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
@ -17,22 +17,22 @@
|
||||
line-height: 21px;
|
||||
}
|
||||
|
||||
.link-preview-title>h1 {
|
||||
.link-preview-title > h1 {
|
||||
padding: 0;
|
||||
font-size: 16px;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.link-preview-container:hover .link-preview-title>h1 {
|
||||
.link-preview-container:hover .link-preview-title > h1 {
|
||||
color: var(--highlight);
|
||||
}
|
||||
|
||||
.link-preview-title>small {
|
||||
.link-preview-title > small {
|
||||
color: var(--font-secondary-color);
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.link-preview-title>small.host {
|
||||
.link-preview-title > small.host {
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
@ -47,7 +47,7 @@
|
||||
}
|
||||
|
||||
.light .link-preview-container {
|
||||
background: #FFF;
|
||||
background: #fff;
|
||||
border: 1px solid var(--border-color);
|
||||
}
|
||||
|
||||
@ -59,4 +59,4 @@
|
||||
.link-preview-image {
|
||||
min-height: 342px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
@ -27,9 +27,9 @@
|
||||
}
|
||||
|
||||
.light .modal-body {
|
||||
background-color: #FFF;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.modal.spotlight {
|
||||
color: #FFF;
|
||||
}
|
||||
color: #fff;
|
||||
}
|
||||
|
@ -9,16 +9,16 @@
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.note>.header .reply {
|
||||
.note > .header .reply {
|
||||
font-size: 13px;
|
||||
color: var(--font-secondary-color);
|
||||
}
|
||||
|
||||
.note>.header .reply a {
|
||||
.note > .header .reply a {
|
||||
color: var(--highlight);
|
||||
}
|
||||
|
||||
.note>.header .reply a:hover {
|
||||
.note > .header .reply a:hover {
|
||||
text-decoration-color: var(--highlight);
|
||||
}
|
||||
|
||||
@ -83,12 +83,12 @@
|
||||
}
|
||||
}
|
||||
|
||||
.note>.header img:hover,
|
||||
.note>.header .name>.reply:hover {
|
||||
.note > .header img:hover,
|
||||
.note > .header .name > .reply:hover {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.note>.note-creator {
|
||||
.note > .note-creator {
|
||||
margin-top: 12px;
|
||||
margin-left: 56px;
|
||||
}
|
||||
@ -98,7 +98,7 @@
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.note .poll-body>div {
|
||||
.note .poll-body > div {
|
||||
border: 1px solid var(--font-secondary-color);
|
||||
border-radius: 5px;
|
||||
margin-bottom: 3px;
|
||||
@ -106,17 +106,17 @@
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.note .poll-body>div>div {
|
||||
.note .poll-body > div > div {
|
||||
padding: 5px 10px;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.note .poll-body>div:hover {
|
||||
.note .poll-body > div:hover {
|
||||
cursor: pointer;
|
||||
border: 1px solid var(--highlight);
|
||||
}
|
||||
|
||||
.note .poll-body>div>.progress {
|
||||
.note .poll-body > div > .progress {
|
||||
background-color: var(--gray);
|
||||
height: stretch;
|
||||
height: -webkit-fill-available;
|
||||
@ -193,6 +193,6 @@
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.note .body>.text>a {
|
||||
.note .body > .text > a {
|
||||
color: var(--highlight);
|
||||
}
|
||||
}
|
||||
|
@ -104,12 +104,12 @@
|
||||
}
|
||||
|
||||
.light .note-creator textarea {
|
||||
background-color: #FFF;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.light .note-creator {
|
||||
box-shadow: 0px 0px 6px 1px rgba(182, 108, 156, 0.3);
|
||||
background: linear-gradient(var(--gray-superdark), var(--gray-superdark)) padding-box,
|
||||
background:
|
||||
linear-gradient(var(--gray-superdark), var(--gray-superdark)) padding-box,
|
||||
linear-gradient(90deg, #ef9644, #fd7c49, #ff5e58, #ff3b70, #ff088e, #eb00b1, #c31ed5, #7b41f6) border-box;
|
||||
|
||||
}
|
||||
}
|
||||
|
@ -300,9 +300,9 @@ export function NoteCreator() {
|
||||
e.target.checked && selectedCustomRelays && selectedCustomRelays.length == a.length - 1
|
||||
? false
|
||||
: // otherwise return selectedCustomRelays with target relay added / removed
|
||||
a.filter(el =>
|
||||
el === r ? e.target.checked : !selectedCustomRelays || selectedCustomRelays.includes(el),
|
||||
),
|
||||
a.filter(el =>
|
||||
el === r ? e.target.checked : !selectedCustomRelays || selectedCustomRelays.includes(el),
|
||||
),
|
||||
),
|
||||
)
|
||||
}
|
||||
|
@ -19,4 +19,4 @@
|
||||
|
||||
.profile-preview button {
|
||||
min-width: 98px;
|
||||
}
|
||||
}
|
||||
|
@ -46,7 +46,7 @@
|
||||
}
|
||||
|
||||
.reactions-modal .modal-body .tab.active {
|
||||
background: #FFF;
|
||||
background: #fff;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
@ -93,7 +93,6 @@
|
||||
|
||||
.reactions-item .follow-button {
|
||||
margin-left: auto;
|
||||
|
||||
}
|
||||
|
||||
.reactions-item .zap-reaction-icon {
|
||||
@ -115,4 +114,4 @@
|
||||
.reactions-modal .modal-body .tab.disabled {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
@ -4,7 +4,7 @@
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.root-type>button {
|
||||
.root-type > button {
|
||||
background: white;
|
||||
color: var(--bg-color);
|
||||
font-size: 16px;
|
||||
@ -17,7 +17,7 @@
|
||||
border: 1px solid var(--gray-superdark);
|
||||
}
|
||||
|
||||
.light .root-type>button {
|
||||
.light .root-type > button {
|
||||
color: var(--font-color);
|
||||
border: 1px solid var(--border-color);
|
||||
}
|
||||
}
|
||||
|
@ -17,7 +17,6 @@
|
||||
|
||||
.light .tab {
|
||||
border: 1px solid var(--border-color);
|
||||
|
||||
}
|
||||
|
||||
.tab.active {
|
||||
@ -25,7 +24,7 @@
|
||||
}
|
||||
|
||||
.light .tab.active {
|
||||
background: #FFF;
|
||||
background: #fff;
|
||||
border-color: #bfc6d6;
|
||||
}
|
||||
|
||||
@ -46,7 +45,7 @@
|
||||
color: var(--font-color);
|
||||
}
|
||||
|
||||
.tabs>div {
|
||||
.tabs > div {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
@ -58,4 +57,4 @@
|
||||
|
||||
.tab:hover {
|
||||
box-shadow: rgba(0, 0, 0, 0.2) 0 1px 3px;
|
||||
}
|
||||
}
|
||||
|
@ -7,12 +7,12 @@
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.thread-root.note>.body .text {
|
||||
.thread-root.note > .body .text {
|
||||
font-size: 18px;
|
||||
line-height: 27px;
|
||||
}
|
||||
|
||||
.thread-root.note>.footer {
|
||||
.thread-root.note > .footer {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
@ -98,4 +98,4 @@
|
||||
|
||||
.thread-container .hidden-note {
|
||||
padding-left: 48px;
|
||||
}
|
||||
}
|
||||
|
@ -46,4 +46,4 @@
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
border: 2px solid white;
|
||||
}
|
||||
}
|
||||
|
@ -68,7 +68,7 @@ header {
|
||||
}
|
||||
|
||||
.light .search {
|
||||
background: #FFF;
|
||||
background: #fff;
|
||||
border: 1px solid var(--border-color);
|
||||
}
|
||||
|
||||
@ -89,4 +89,4 @@ header {
|
||||
.search input {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
@ -8,9 +8,8 @@
|
||||
padding: 4px;
|
||||
}
|
||||
|
||||
.dm-page>div:nth-child(1)::-webkit-scrollbar-track {
|
||||
.dm-page > div:nth-child(1)::-webkit-scrollbar-track {
|
||||
background: transparent !important;
|
||||
;
|
||||
}
|
||||
|
||||
/* These should match what is in code too */
|
||||
@ -19,7 +18,7 @@
|
||||
grid-template-columns: 100vw;
|
||||
}
|
||||
|
||||
.dm-page>div:nth-child(1) {
|
||||
.dm-page > div:nth-child(1) {
|
||||
margin: 0 !important;
|
||||
}
|
||||
}
|
||||
@ -31,13 +30,13 @@
|
||||
}
|
||||
|
||||
/* User list */
|
||||
.dm-page>div:nth-child(1) {
|
||||
.dm-page > div:nth-child(1) {
|
||||
overflow-y: auto;
|
||||
padding: 0 5px;
|
||||
}
|
||||
|
||||
/* Chat window */
|
||||
.dm-page>div:nth-child(2) {
|
||||
.dm-page > div:nth-child(2) {
|
||||
padding: 0 12px;
|
||||
margin: 0 4px;
|
||||
height: var(--full-height);
|
||||
@ -46,16 +45,16 @@
|
||||
}
|
||||
|
||||
/* Profile pannel */
|
||||
.dm-page>div:nth-child(3) {
|
||||
.dm-page > div:nth-child(3) {
|
||||
margin: 16px;
|
||||
}
|
||||
|
||||
.dm-page>div:nth-child(3) .avatar {
|
||||
.dm-page > div:nth-child(3) .avatar {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
.dm-page>div:nth-child(3) .card {
|
||||
.dm-page > div:nth-child(3) .card {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
@ -63,7 +62,7 @@
|
||||
min-width: 100px;
|
||||
}
|
||||
|
||||
.dm-page .chat-list>div.active {
|
||||
.dm-page .chat-list > div.active {
|
||||
background-color: var(--gray-superdark);
|
||||
border-radius: 16px;
|
||||
}
|
||||
@ -73,13 +72,13 @@
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
.new-chat-modal .user-list>div {
|
||||
.new-chat-modal .user-list > div {
|
||||
padding: 8px 12px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
/* user in list selected */
|
||||
.new-chat-modal .user-list>div.active {
|
||||
.new-chat-modal .user-list > div.active {
|
||||
background-color: var(--gray-dark);
|
||||
border-radius: 16px;
|
||||
}
|
||||
@ -107,4 +106,4 @@
|
||||
font-size: 11px;
|
||||
letter-spacing: 1.21px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
}
|
||||
|
@ -63,23 +63,23 @@
|
||||
white-space: pre-wrap;
|
||||
}
|
||||
|
||||
.details-wrapper>.name>h2 {
|
||||
.details-wrapper > .name > h2 {
|
||||
margin: 0 0 4px 0;
|
||||
font-weight: 600;
|
||||
font-size: 21px;
|
||||
}
|
||||
|
||||
.details-wrapper>.name>.nip05 {
|
||||
.details-wrapper > .name > .nip05 {
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
.profile-wrapper>.avatar-wrapper {
|
||||
.profile-wrapper > .avatar-wrapper {
|
||||
z-index: 1;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.profile-wrapper>.avatar-wrapper .avatar {
|
||||
.profile-wrapper > .avatar-wrapper .avatar {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
background-image: var(--img-url);
|
||||
@ -229,4 +229,4 @@
|
||||
|
||||
.badge-card .body {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
@ -326,14 +326,14 @@ export default function ProfilePage() {
|
||||
targets={
|
||||
lnurl?.lnurl && id
|
||||
? [
|
||||
{
|
||||
type: "lnurl",
|
||||
value: lnurl?.lnurl,
|
||||
weight: 1,
|
||||
name: user?.display_name || user?.name,
|
||||
zap: { pubkey: id },
|
||||
} as ZapTarget,
|
||||
]
|
||||
{
|
||||
type: "lnurl",
|
||||
value: lnurl?.lnurl,
|
||||
weight: 1,
|
||||
name: user?.display_name || user?.name,
|
||||
zap: { pubkey: id },
|
||||
} as ZapTarget,
|
||||
]
|
||||
: undefined
|
||||
}
|
||||
show={showLnQr}
|
||||
|
@ -9,11 +9,11 @@
|
||||
}
|
||||
}
|
||||
|
||||
.settings-nav>div {
|
||||
.settings-nav > div {
|
||||
border: 1px solid var(--border-color);
|
||||
}
|
||||
|
||||
.settings-nav>div.content {
|
||||
.settings-nav > div.content {
|
||||
padding: 12px 16px;
|
||||
}
|
||||
|
||||
@ -57,6 +57,6 @@
|
||||
margin-left: auto;
|
||||
}
|
||||
|
||||
.settings-group-header .collapse-icon>svg {
|
||||
.settings-group-header .collapse-icon > svg {
|
||||
width: 8px;
|
||||
}
|
||||
}
|
||||
|
@ -16,7 +16,7 @@
|
||||
--heart: #ef4444;
|
||||
--zap: #ff710a;
|
||||
--gray-superlight: #eee;
|
||||
--bg-secondary: #2A2A2A;
|
||||
--bg-secondary: #2a2a2a;
|
||||
--gray-light: #999;
|
||||
--gray-medium: #7b7b7b;
|
||||
--gray: #333;
|
||||
@ -28,19 +28,23 @@
|
||||
--gray-gradient: linear-gradient(to bottom right, var(--gray-superlight), var(--gray), var(--gray-light));
|
||||
--snort-gradient: linear-gradient(90deg, #a178ff 0%, #ff6baf 100%);
|
||||
--dm-gradient: linear-gradient(90deg, #5722d2 0%, #db1771 100%);
|
||||
--invoice-gradient: linear-gradient(45deg,
|
||||
var(--gray-superdark) 50%,
|
||||
rgba(161, 120, 255, 0.2),
|
||||
rgba(255, 107, 175, 0.2) 108.33%);
|
||||
--paid-invoice-gradient: linear-gradient(45deg,
|
||||
var(--gray-superdark) 50%,
|
||||
rgba(161, 120, 255, 0.6),
|
||||
rgba(255, 107, 175, 0.6) 108.33%);
|
||||
--invoice-gradient: linear-gradient(
|
||||
45deg,
|
||||
var(--gray-superdark) 50%,
|
||||
rgba(161, 120, 255, 0.2),
|
||||
rgba(255, 107, 175, 0.2) 108.33%
|
||||
);
|
||||
--paid-invoice-gradient: linear-gradient(
|
||||
45deg,
|
||||
var(--gray-superdark) 50%,
|
||||
rgba(161, 120, 255, 0.6),
|
||||
rgba(255, 107, 175, 0.6) 108.33%
|
||||
);
|
||||
--expired-invoice-gradient: linear-gradient(45deg, var(--gray-superdark) 50%, var(--gray), var(--gray-superdark));
|
||||
--strike-army-gradient: linear-gradient(to bottom right, #ccff00, #a1c900);
|
||||
--sub-bg: #111;
|
||||
--header-padding-tb: 10px;
|
||||
--btn-color: #FFF;
|
||||
--btn-color: #fff;
|
||||
--primary-gradient: linear-gradient(90deg, rgba(239, 150, 68, 1) 0%, rgba(123, 65, 246, 1) 100%);
|
||||
}
|
||||
|
||||
@ -70,7 +74,7 @@ html {
|
||||
html.light {
|
||||
--bg-color: #fff;
|
||||
--font-color: #2f3f64;
|
||||
--font-secondary-color: #5C6C92;
|
||||
--font-secondary-color: #5c6c92;
|
||||
--font-tertiary-color: #52525b;
|
||||
--border-color: #dee1e8;
|
||||
--highlight: #7139f1;
|
||||
@ -81,14 +85,14 @@ html.light {
|
||||
--gray-superlight: #333;
|
||||
--gray-light: #555;
|
||||
--gray-dark: #ccc;
|
||||
--gray-superdark: #FFF;
|
||||
--gray-ultradark: #FFF;
|
||||
--gray-superdark: #fff;
|
||||
--gray-ultradark: #fff;
|
||||
--dm-gradient: var(--gray);
|
||||
--invoice-gradient: linear-gradient(45deg, var(--gray-superdark) 50%, #f7b73333, #fc4a1a33);
|
||||
--paid-invoice-gradient: linear-gradient(45deg, var(--gray-superdark) 50%, #f7b73399, #fc4a1a99);
|
||||
--bg-secondary: #FFF;
|
||||
--sub-bg: #FFF;
|
||||
--btn-color: #FFF;
|
||||
--bg-secondary: #fff;
|
||||
--sub-bg: #fff;
|
||||
--btn-color: #fff;
|
||||
}
|
||||
|
||||
body {
|
||||
@ -151,7 +155,7 @@ code {
|
||||
margin-bottom: -8px;
|
||||
}
|
||||
|
||||
.card>.footer {
|
||||
.card > .footer {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
}
|
||||
@ -176,7 +180,7 @@ button {
|
||||
button.primary {
|
||||
background: rgb(239, 150, 68);
|
||||
background: var(--primary-gradient);
|
||||
color: #FFF !important;
|
||||
color: #fff !important;
|
||||
border: none !important;
|
||||
}
|
||||
|
||||
@ -489,22 +493,22 @@ div.form-group {
|
||||
grid-template-columns: 1fr 2fr;
|
||||
}
|
||||
|
||||
div.form-group>div {
|
||||
div.form-group > div {
|
||||
padding: 3px 5px;
|
||||
}
|
||||
|
||||
div.form-group>div:nth-child(1) {
|
||||
div.form-group > div:nth-child(1) {
|
||||
display: flex;
|
||||
align-self: center;
|
||||
}
|
||||
|
||||
div.form-group>div:nth-child(2) {
|
||||
div.form-group > div:nth-child(2) {
|
||||
display: flex;
|
||||
flex-grow: 1;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
div.form-group>div:nth-child(2) input {
|
||||
div.form-group > div:nth-child(2) input {
|
||||
flex-grow: 1;
|
||||
}
|
||||
|
||||
@ -608,7 +612,7 @@ small.xs {
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.tweet div .twitter-tweet>iframe {
|
||||
.tweet div .twitter-tweet > iframe {
|
||||
max-height: unset;
|
||||
}
|
||||
|
||||
@ -739,7 +743,7 @@ button.tall {
|
||||
}
|
||||
|
||||
.light .ctx-menu li {
|
||||
background: #FFF !important;
|
||||
background: #fff !important;
|
||||
}
|
||||
|
||||
.ctx-menu li:first-of-type {
|
||||
@ -769,7 +773,7 @@ button.tall {
|
||||
|
||||
.light .ctx-menu li:hover {
|
||||
color: var(--font-color) !important;
|
||||
background: #EEE !important;
|
||||
background: #eee !important;
|
||||
}
|
||||
|
||||
.ctx-menu .red {
|
||||
@ -807,7 +811,7 @@ svg.zap-solid {
|
||||
}
|
||||
|
||||
.light .spinner-button {
|
||||
background: #FFF;
|
||||
background: #fff;
|
||||
border: 1px solid var(--border-color);
|
||||
color: var(--font-secondary);
|
||||
box-shadow: rgba(0, 0, 0, 0.08) 0 1px 1px;
|
||||
@ -833,8 +837,8 @@ svg.zap-solid {
|
||||
|
||||
.light button,
|
||||
.light button.secondary {
|
||||
color: #4B5C83;
|
||||
background-color: #FFF;
|
||||
color: #4b5c83;
|
||||
background-color: #fff;
|
||||
border: 1px solid var(--border-color);
|
||||
box-shadow: rgba(0, 0, 0, 0.08) 0 1px 1px;
|
||||
}
|
||||
@ -845,5 +849,5 @@ svg.zap-solid {
|
||||
}
|
||||
|
||||
.light .modal button.secondary:hover {
|
||||
background: #FFF !important;
|
||||
}
|
||||
background: #fff !important;
|
||||
}
|
||||
|
@ -3,7 +3,7 @@
|
||||
"+PzQ9Y": "Jetzt auszahlen",
|
||||
"+Vxixo": "Geheimer Gruppenchat",
|
||||
"+aZY2h": "Zap Typ",
|
||||
"+tShPg": "following",
|
||||
"+tShPg": "folgen",
|
||||
"+vA//S": "Anmeldungen",
|
||||
"+vIQlC": "Bitte sichere dir das folgende Passwort, um dein Handle in Zukunft verwalten zu können",
|
||||
"+vVZ/G": "Verbinden",
|
||||
|
Loading…
Reference in New Issue
Block a user