dandri/simplex-chat
1
0
Fork 0
mirror of https://github.com/simplex-chat/simplex-chat.git synced 2026-07-12 11:49:09 +00:00
Code Issues Packages Projects Releases Wiki Activity

buttons

Browse Source
This commit is contained in:
Evgeny @ SimpleX Chat
2026-06-02 18:29:34 +00:00
parent 8a60c1da01
commit be8f728de4
1 changed files with 17 additions and 74 deletions
Download Patch File Download Diff File Expand all files Collapse all files
website/src/js/channel-preview.jsc
+17 -74
View File
@@ -589,42 +589,11 @@ const STYLE = `
color: #333;
}
.simplex-preview-step-card {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 16px;
width: 100%;
min-height: 131px;
border-radius: 30px;
border: 1px solid rgba(168, 176, 180, 0.6);
margin-bottom: 24px;
position: relative;
}
.simplex-preview-step-number {
position: absolute;
background: #0197FF;
height: 44px;
width: 44px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
top: 0;
left: 0;
transform: translate(-30%, -30%);
font-size: 16px;
color: #fff;
font-weight: 700;
line-height: 36px;
}
.simplex-preview-step-title {
font-size: 20px;
font-size: 16px;
font-weight: 500;
margin: 0 0 16px;
text-align: center;
margin: 0 0 8px;
color: #000;
}
@@ -643,6 +612,7 @@ const STYLE = `
cursor: pointer;
text-decoration: none;
font-family: inherit;
margin-top: 16px;
}
.simplex-preview-open-btn:hover {
@@ -990,19 +960,13 @@ function renderDesktopConversion(container, channelLink, showAppBadges) {
}
function renderMobileConversion(container, channelLink, showAppBadges) {
container.style.textAlign = 'center';
if (showAppBadges) {
const card1 = document.createElement('div');
card1.className = 'simplex-preview-step-card';
const num1 = document.createElement('div');
num1.className = 'simplex-preview-step-number';
num1.textContent = '1';
card1.appendChild(num1);
const title1 = document.createElement('p');
title1.className = 'simplex-preview-step-title';
title1.textContent = 'Install SimpleX app';
card1.appendChild(title1);
const title = document.createElement('p');
title.className = 'simplex-preview-step-title';
title.textContent = 'Install SimpleX app';
container.appendChild(title);
const badges = document.createElement('div');
badges.className = 'simplex-preview-badges';
@@ -1021,35 +985,14 @@ function renderMobileConversion(container, channelLink, showAppBadges) {
'<a href="https://apps.apple.com/us/app/simplex-chat/id1605771084" target="_blank"><img src="https://simplex.chat/img/new/apple_store.svg" alt="App Store"></a>' +
'<a href="https://play.google.com/store/apps/details?id=chat.simplex.app" target="_blank"><img src="https://simplex.chat/img/new/google_play.svg" alt="Google Play"></a>';
}
card1.appendChild(badges);
container.appendChild(card1);
const card2 = document.createElement('div');
card2.className = 'simplex-preview-step-card';
const num2 = document.createElement('div');
num2.className = 'simplex-preview-step-number';
num2.textContent = '2';
card2.appendChild(num2);
const title2 = document.createElement('p');
title2.className = 'simplex-preview-step-title';
title2.textContent = 'Connect in app';
card2.appendChild(title2);
const openBtn = document.createElement('a');
openBtn.className = 'simplex-preview-open-btn';
openBtn.textContent = 'Open SimpleX app';
openBtn.href = channelLink;
card2.appendChild(openBtn);
container.appendChild(card2);
} else {
const openBtn = document.createElement('a');
openBtn.className = 'simplex-preview-open-btn';
openBtn.textContent = 'Open SimpleX app';
openBtn.href = channelLink;
container.appendChild(openBtn);
container.appendChild(badges);
}
const openBtn = document.createElement('a');
openBtn.className = 'simplex-preview-open-btn';
openBtn.textContent = 'Join in SimpleX app';
openBtn.href = channelLink;
container.appendChild(openBtn);
}
function setupExpandCollapse(section, readMore) {