Commit graph

141 commits

Author SHA1 Message Date
7c05916998 css: add base/, main/ 2024-04-29 23:26:03 -03:00
28451d0ce4 Improve language dropdown
(SurahIndex|SurahStream).tsx
2024-04-29 20:46:43 -03:00
05162ad888 Fix / improve Icon.tsx alignment 2024-04-29 19:32:30 -03:00
fe091ad202 Present ayat count on SurahIndex.tsx
Underneath the transliterated name, the ayat count is shown. Applies
to ltr languages (for now English only).
2024-04-29 13:03:12 -03:00
c0b9d9fc4a Apply color to ayah title 2024-04-22 01:01:47 -03:00
57d9ec91f1 Update SurahStream.{tsx,css}, SurahIndex.tsx 2024-03-25 02:03:25 -03:00
cfd59c97fa Add Head.tsx 2024-03-25 01:16:28 -03:00
113c29439d Fix style / alignment issues 2024-02-29 13:39:22 -03:00
05323a7ed0 Fix alignment of StalledIcon 2024-02-29 00:40:14 -03:00
1fb81c967b Hoist 'ms' 2024-02-29 00:07:27 -03:00
ec0f7c480a Align items in footer 2024-02-28 22:45:51 -03:00
4b555a3141 Limit border-top to .surah-index 2024-02-28 21:27:27 -03:00
0802c5340a Minor tweaks and improvements 2024-02-28 20:11:24 -03:00
b50192795d Rewrite SurahStream.tsx with tail.css 2024-02-28 19:41:48 -03:00
513fe07c8a Rewrite SurahIndex.tsx with tail.css 2024-02-28 19:41:48 -03:00
7f797ba706 Apply 60-30-10 to the 'green' theme
Add $primary-color, $secondary-color, $accent-color
2024-02-25 11:48:15 -03:00
81335ebeb2 Introduce $secondary-color ('blue' theme) 2024-02-25 11:13:24 -03:00
b2bcd644ff Hide SurahIndexFilter.tsx at low-resolution widths 2024-02-24 19:21:42 -03:00
573cb5ff4c overflow: 'visible' -> 'hidden' 2024-02-24 00:19:34 -03:00
58477688b0 Remove 'playing', 'stopped' CSS classes 2024-02-24 00:06:08 -03:00
c23cf266b9 Set scroll-y on demand (SurahStream.tsx) 2024-02-23 23:54:29 -03:00
e4a5754d79 Fix / improve scrollbars 2024-02-23 21:47:33 -03:00
6651577e86 Drop height (for iOS) 2024-01-31 07:06:17 -03:00
f7ead8b333 Drop height (iOS fix) 2024-01-31 07:03:58 -03:00
076870324d Fix arabic on iOS 2024-01-31 07:01:20 -03:00
f4b852d49e Improve SurahIndex.tsx on iOS 2024-01-31 06:53:35 -03:00
717e11944e Add filter to SurahIndex.tsx 2024-01-30 19:08:00 -03:00
35bbb6bc39 bump font size (ar, footer) 2024-01-04 00:01:33 -03:00
36d84ba50c bump font-size to large (footer) 2024-01-03 23:59:30 -03:00
f3f5234a34 Bump font-size to large (en locale) 2024-01-03 23:53:54 -03:00
4cd703052d Add $primary-color, $primary-dark-color ("blue" theme) 2024-01-03 19:10:15 -03:00
acc049fb3d Adjust responsiveness on SurahStream.tsx 2023-12-04 09:07:05 -03:00
921453ea5a Responsive improvements (on SurahStream) 2023-12-04 08:48:23 -03:00
fadf792c3e Fix language dropdown alignment on iOS 2023-12-04 07:56:43 -03:00
cbab7d1795 Reduce right offset on arabic layout 2023-12-04 07:43:15 -03:00
9f787c21bb Remove dead CSS 2023-12-04 07:26:00 -03:00
ac9992ece8 Avoid text jump when the stream is paused
When the scrollbar goes from display none to being visible, the
text beside it can jump in-place. This change avoids that by making
the scrollbar invisible.
2023-12-04 05:27:06 -03:00
446c4ed276 Really fix auto-scroll on iOS 2023-12-04 05:03:35 -03:00
eaa0113ad9 Optimize height 2023-11-26 23:45:12 -03:00
0f0d03fbd4 Misc UI / layout improvements
The Arabic layout is especially improved. The CSS still needs work,
I think the most tech debt is probably within the css.
2023-11-26 22:08:38 -03:00
ea23419aac Bump surah ID width to 45px
On the Surah Index page, in the "en" locale, there was not enough
space between a surah's ID and its name. This change fixes that.
2023-11-20 19:16:41 -03:00
94619bab19 Enable hover effect on devices with first-class hover support
On devices such as a phone, the hover effect will not be applied.
2023-11-20 12:56:31 -03:00
c3b1d0be45 Remove height properties 2023-11-15 19:27:55 -03:00
1f0127192f Fix /ar/ alignment
align-items: center; appears to not have the desired effect, but
leaving it unset does. The en locale remains with align-items: center;
2023-11-12 19:33:56 -03:00
e358b65736 Add hover effect on SurahIndex.tsx 2023-11-12 12:54:02 -03:00
6c0819bfdd Improve language dropdown (take 2) 2023-10-30 06:55:24 -03:00
770c087868 Improve language dropdown 2023-10-30 06:28:21 -03:00
300188bbc4 Adjust "blue" theme 2023-10-30 06:10:51 -03:00
2496f2c309 Increase overall font-size for Arabic pages 2023-10-30 05:46:24 -03:00
5c629463dc Center <h1> content 2023-10-30 03:22:50 -03:00