Fix lang selector not centered on Welcome page

This commit is contained in:
Lim Chee Aun 2024-08-17 19:00:12 +08:00
parent 96cab91911
commit 5e2d084854
3 changed files with 19 additions and 17 deletions

View file

@ -2858,7 +2858,7 @@ ul.link-list li a .icon {
/* LANG SELECTOR */ /* LANG SELECTOR */
.lang-selector { .lang-selector {
display: flex; display: inline-flex;
gap: 4px; gap: 4px;
align-items: center; align-items: center;

View file

@ -3606,63 +3606,63 @@ msgstr ""
msgid "<0>Built</0> by <1>@cheeaun</1>. <2>Privacy Policy</2>." msgid "<0>Built</0> by <1>@cheeaun</1>. <2>Privacy Policy</2>."
msgstr "" msgstr ""
#: src/pages/welcome.jsx:123 #: src/pages/welcome.jsx:125
msgid "Screenshot of Boosts Carousel" msgid "Screenshot of Boosts Carousel"
msgstr "" msgstr ""
#: src/pages/welcome.jsx:127 #: src/pages/welcome.jsx:129
msgid "Boosts Carousel" msgid "Boosts Carousel"
msgstr "" msgstr ""
#: src/pages/welcome.jsx:130 #: src/pages/welcome.jsx:132
msgid "Visually separate original posts and re-shared posts (boosted posts)." msgid "Visually separate original posts and re-shared posts (boosted posts)."
msgstr "" msgstr ""
#: src/pages/welcome.jsx:139 #: src/pages/welcome.jsx:141
msgid "Screenshot of nested comments thread" msgid "Screenshot of nested comments thread"
msgstr "" msgstr ""
#: src/pages/welcome.jsx:143 #: src/pages/welcome.jsx:145
msgid "Nested comments thread" msgid "Nested comments thread"
msgstr "" msgstr ""
#: src/pages/welcome.jsx:146 #: src/pages/welcome.jsx:148
msgid "Effortlessly follow conversations. Semi-collapsible replies." msgid "Effortlessly follow conversations. Semi-collapsible replies."
msgstr "" msgstr ""
#: src/pages/welcome.jsx:154 #: src/pages/welcome.jsx:156
msgid "Screenshot of grouped notifications" msgid "Screenshot of grouped notifications"
msgstr "" msgstr ""
#: src/pages/welcome.jsx:158 #: src/pages/welcome.jsx:160
msgid "Grouped notifications" msgid "Grouped notifications"
msgstr "" msgstr ""
#: src/pages/welcome.jsx:161 #: src/pages/welcome.jsx:163
msgid "Similar notifications are grouped and collapsed to reduce clutter." msgid "Similar notifications are grouped and collapsed to reduce clutter."
msgstr "" msgstr ""
#: src/pages/welcome.jsx:170 #: src/pages/welcome.jsx:172
msgid "Screenshot of multi-column UI" msgid "Screenshot of multi-column UI"
msgstr "" msgstr ""
#: src/pages/welcome.jsx:174 #: src/pages/welcome.jsx:176
msgid "Single or multi-column" msgid "Single or multi-column"
msgstr "" msgstr ""
#: src/pages/welcome.jsx:177 #: src/pages/welcome.jsx:179
msgid "By default, single column for zen-mode seekers. Configurable multi-column for power users." msgid "By default, single column for zen-mode seekers. Configurable multi-column for power users."
msgstr "" msgstr ""
#: src/pages/welcome.jsx:186 #: src/pages/welcome.jsx:188
msgid "Screenshot of multi-hashtag timeline with a form to add more hashtags" msgid "Screenshot of multi-hashtag timeline with a form to add more hashtags"
msgstr "" msgstr ""
#: src/pages/welcome.jsx:190 #: src/pages/welcome.jsx:192
msgid "Multi-hashtag timeline" msgid "Multi-hashtag timeline"
msgstr "" msgstr ""
#: src/pages/welcome.jsx:193 #: src/pages/welcome.jsx:195
msgid "Up to 5 hashtags combined into a single timeline." msgid "Up to 5 hashtags combined into a single timeline."
msgstr "" msgstr ""

View file

@ -113,7 +113,9 @@ function Welcome() {
. .
</Trans> </Trans>
</p> </p>
<LangSelector /> <div>
<LangSelector />
</div>
</div> </div>
<div id="why-container"> <div id="why-container">
<div class="sections"> <div class="sections">