Oviya commited on
Commit
3028275
·
1 Parent(s): 6875201

update community page

Browse files
src/app/community/community.component.html CHANGED
@@ -2,7 +2,6 @@
2
  <!-- Top Bar -->
3
  <header class="topbar">
4
  <h1>Community Forum</h1>
5
- <span class="pill" style="padding:6px 10px;border-radius:999px;background:#0b121c;border:1px solid var(--border);color:var(--muted);">Beta</span>
6
  <div class="searchbar">
7
  <input type="search" placeholder="Search threads, tags, tickers…" />
8
  <select aria-label="Sort">
@@ -12,7 +11,7 @@
12
  <option>Unanswered</option>
13
  </select>
14
  </div>
15
- <button class="btn" (click)="toggleModal(true)">New Thread</button>
16
  </header>
17
 
18
  <!-- Sidebar (unchanged) -->
@@ -105,7 +104,7 @@
105
  style="position:fixed; inset:0; z-index:1000; backdrop-filter: blur(6px); background:rgba(4,8,12,.35)">
106
  <div style="max-width:720px; margin:60px auto; background:rgba(17,23,35,.98); border:1px solid var(--border); border-radius:16px; padding:16px; box-shadow:0 20px 60px rgba(0,0,0,.6);">
107
  <div style="display:flex; align-items:center; gap:8px; margin-bottom:8px;">
108
- <h2 style="margin:0; font-size:18px;">Create New Thread</h2>
109
  </div>
110
  <div style="display:grid; gap:10px;">
111
  <input [(ngModel)]="title" placeholder="Title"
@@ -125,7 +124,7 @@
125
  <textarea [(ngModel)]="body" placeholder="Write your post…" style="min-height:180px"></textarea>
126
  <div style="display:flex; gap:8px; justify-content:flex-end">
127
  <button class="btn ghost" (click)="toggleModal(false)">Cancel</button>
128
- <button class="btn" [disabled]="!body.trim()" (click)="publish()">Publish</button>
129
  </div>
130
  </div>
131
  </div>
 
2
  <!-- Top Bar -->
3
  <header class="topbar">
4
  <h1>Community Forum</h1>
 
5
  <div class="searchbar">
6
  <input type="search" placeholder="Search threads, tags, tickers…" />
7
  <select aria-label="Sort">
 
11
  <option>Unanswered</option>
12
  </select>
13
  </div>
14
+ <button class="btn" (click)="toggleModal(true)">New Post</button>
15
  </header>
16
 
17
  <!-- Sidebar (unchanged) -->
 
104
  style="position:fixed; inset:0; z-index:1000; backdrop-filter: blur(6px); background:rgba(4,8,12,.35)">
105
  <div style="max-width:720px; margin:60px auto; background:rgba(17,23,35,.98); border:1px solid var(--border); border-radius:16px; padding:16px; box-shadow:0 20px 60px rgba(0,0,0,.6);">
106
  <div style="display:flex; align-items:center; gap:8px; margin-bottom:8px;">
107
+ <h2 style="margin:0; font-size:18px;">Turn your thoughts into impact</h2>
108
  </div>
109
  <div style="display:grid; gap:10px;">
110
  <input [(ngModel)]="title" placeholder="Title"
 
124
  <textarea [(ngModel)]="body" placeholder="Write your post…" style="min-height:180px"></textarea>
125
  <div style="display:flex; gap:8px; justify-content:flex-end">
126
  <button class="btn ghost" (click)="toggleModal(false)">Cancel</button>
127
+ <button class="btn" [disabled]="!body.trim()" (click)="publish()">Post</button>
128
  </div>
129
  </div>
130
  </div>