Skip to content

Commit b399db2

Browse files
authored
fix PWA manifest, update assets, sort select tweak (#1584)
1 parent e4487b9 commit b399db2

13 files changed

+58
-29
lines changed

components/Sort.tsx

Lines changed: 17 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -102,7 +102,7 @@ export const SortButton = ({ query: { order, direction, offset }, query }: SortB
102102
}>
103103
Toggle sort order
104104
</Tooltip>
105-
<P style={styles.title}>Sort:</P>
105+
<P style={styles.title}>Sort: </P>
106106
</View>
107107
<View style={styles.pickerContainer}>
108108
<P style={styles.title}>
@@ -111,6 +111,7 @@ export const SortButton = ({ query: { order, direction, offset }, query }: SortB
111111
style={[
112112
styles.picker,
113113
{
114+
fontWeight: 600,
114115
backgroundColor: isDark ? darkColors.border : 'transparent',
115116
},
116117
]}
@@ -127,6 +128,7 @@ export const SortButton = ({ query: { order, direction, offset }, query }: SortB
127128
/>
128129
))}
129130
</Picker>
131+
<P style={styles.arrow}></P>
130132
</P>
131133
</View>
132134
</View>
@@ -147,23 +149,35 @@ const styles = StyleSheet.create({
147149
},
148150
title: {
149151
color: colors.white,
150-
fontWeight: 500,
152+
fontWeight: 400,
151153
marginLeft: 6,
152154
fontSize: 14,
153155
userSelect: 'none',
154156
},
157+
arrow: {
158+
color: colors.secondary,
159+
fontSize: 18,
160+
lineHeight: 18,
161+
userSelect: 'none',
162+
position: 'absolute',
163+
pointerEvents: 'none',
164+
right: 6,
165+
top: 0,
166+
transform: 'rotate(90deg)',
167+
},
155168
pickerContainer: {
156169
top: 1,
157170
left: -4,
158171
},
159172
picker: {
160173
color: colors.white,
161174
borderWidth: 0,
175+
borderRadius: 2,
162176
position: 'relative',
163177
top: -1,
164178
fontSize: 14,
179+
paddingRight: 22,
165180
fontFamily: 'inherit',
166-
// @ts-ignore
167181
cursor: 'pointer',
168182
},
169183
flippedIcon: {

pages/_document.tsx

Lines changed: 2 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -20,13 +20,8 @@ class DirectoryWebsite extends Document {
2020
<link rel="icon" href="/favicon.png?v=2" type="image/png" />
2121
<link rel="icon" href="/favicon.svg?v=2" type="image/svg+xml" sizes="any" />
2222

23-
<link rel="manifest" href="/site.webmanifest" />
24-
<link
25-
rel="apple-touch-icon"
26-
sizes="180x180"
27-
type="image/png"
28-
href="/apple-touch-icon.png"
29-
/>
23+
<link rel="manifest" href="/manifest.json" />
24+
<link rel="apple-touch-icon" sizes="180x180" type="image/png" href="/icon-180px.png" />
3025
</Head>
3126
<body>
3227
<Main />

public/android-chrome-192x192.png

-13.6 KB
Binary file not shown.

public/android-chrome-512x512.png

-38.9 KB
Binary file not shown.

public/apple-touch-icon.png

-3 KB
Binary file not shown.

public/icon-150px.png

1.02 KB
Loading

public/icon-180px.png

1.21 KB
Loading

public/icon-192px.png

1.28 KB
Loading

public/icon-512px.png

3.27 KB
Loading

public/manifest.json

Lines changed: 33 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,33 @@
1+
{
2+
"name": "React Native Directory",
3+
"short_name": "RND",
4+
"description": "A searchable and filterable directory of React Native libraries",
5+
"lang": "en-US",
6+
"categories": ["education", "utilities"],
7+
"display": "minimal-ui",
8+
"orientation": "any",
9+
"start_url": "/",
10+
"scope": "/",
11+
"protocol_handlers": [
12+
{
13+
"protocol": "web+rnd",
14+
"url": "/?search=%s"
15+
}
16+
],
17+
"theme_color": "#20232a",
18+
"background_color": "#20232a",
19+
"icons": [
20+
{
21+
"src": "/icon-192px.png",
22+
"sizes": "192x192",
23+
"type": "image/png",
24+
"purpose": "any"
25+
},
26+
{
27+
"src": "/icon-512px.png",
28+
"sizes": "512x512",
29+
"type": "image/png",
30+
"purpose": "any maskable"
31+
}
32+
]
33+
}

0 commit comments

Comments
 (0)