Skip to content

Commit 0739ea9

Browse files
committed
docs(readme): style for the table for small screens
1 parent cbd9bf6 commit 0739ea9

File tree

1 file changed

+22
-0
lines changed

1 file changed

+22
-0
lines changed

README.md

Lines changed: 22 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -16,6 +16,28 @@ which uses [`file_selector`](https://pub.dev/packages/file_selector).
1616
> [!NOTE]
1717
> This native picker depends on the photos in the [Photos for MacOS App](https://www.apple.com/in/macos/photos/), which uses the [Apple PhotosUI](https://developer.apple.com/documentation/photosui) Picker, also known as PHPicker.
1818
19+
<!-- START: Style for the table bellow -->
20+
<style>
21+
table {
22+
width: 100%;
23+
table-layout: auto;
24+
}
25+
@media (max-width: 760px) {
26+
table, thead, tbody, th, td, tr {
27+
display: block;
28+
width: 100%;
29+
}
30+
thead tr {
31+
display: none;
32+
}
33+
td {
34+
text-align: center;
35+
margin-bottom: 16px;
36+
}
37+
}
38+
</style>
39+
<!-- END: Style for the table bellow -->
40+
1941
| Default picker | Native picker |
2042
|-------------------|-------------------|
2143
| <img src="https://github.com/CompileKernel/native-image-picker-macos/blob/main/readme_assets/image-picker-macos-file-selector.png?raw=true" alt="Default picker" height="400"/> | <img src="https://github.com/CompileKernel/native-image-picker-macos/blob/main/readme_assets/native-image-picker-macos-phpicker.png?raw=true" alt="macOS PHPicker" height="400"/> |

0 commit comments

Comments
 (0)