source for getorbyt.com getorbyt.com/
client bsky orbytapp app orbyt bluesky getorbyt orbytvideo atproto video
0
fork

Configure Feed

Select the types of activity you want to include in your feed.

style: refine TypeScript configuration and update CSS for improved layout and presentation

- Update tsconfig.json to enhance path mappings for better module resolution.
- Add line-clamp properties in embed.css for improved text overflow handling.
- Remove deprecated corner-shape support from embed.css and profile.css to streamline styles.

+5 -21
+2 -12
public/css/embed.css
··· 73 73 min-width: 0; 74 74 display: -webkit-box; 75 75 -webkit-box-orient: vertical; 76 + line-clamp: 1; 76 77 -webkit-line-clamp: 1; 77 78 overflow: hidden; 78 79 word-break: break-word; ··· 80 81 } 81 82 .post-caption-mobile-inner[data-collapsed="false"] .post-caption-mobile-text { 82 83 display: block; 84 + line-clamp: unset; 83 85 -webkit-line-clamp: unset; 84 86 -webkit-box-orient: unset; 85 87 overflow: visible; ··· 150 152 overflow: hidden; 151 153 } 152 154 153 - @supports (corner-shape: squircle) { 154 - .post-media-visual { 155 - corner-shape: var(--orbyt-corner-shape, squircle); 156 - } 157 - } 158 - 159 155 .video-container { 160 156 position: relative; 161 157 width: 100%; ··· 230 226 margin: 0 auto; 231 227 cursor: pointer; 232 228 border: none; 233 - } 234 - 235 - @supports (corner-shape: squircle) { 236 - #mute-toggle { 237 - corner-shape: var(--orbyt-corner-shape, squircle); 238 - } 239 229 } 240 230 241 231 #mute-toggle span {
-5
public/css/profile.css
··· 201 201 border-radius: var(--orbyt-media-radius); 202 202 } 203 203 204 - @supports (corner-shape: squircle) { 205 - .post .post-image-container { 206 - corner-shape: var(--orbyt-corner-shape, squircle); 207 - } 208 - } 209 204 .post img { 210 205 width: 100%; 211 206 }
+3 -4
tsconfig.json
··· 2 2 "extends": "astro/tsconfigs/base", 3 3 "compilerOptions": { 4 4 "ignoreDeprecations": "6.0", 5 - "baseUrl": ".", 6 5 "paths": { 7 - "@/*": ["src/*"], 8 - "stores/*": ["src/stores/*"] 9 - } 6 + "*": ["./*"], 7 + "@/*": ["./src/*"], 8 + "stores/*": ["./src/stores/*"] 10 9 }, 11 10 "include": [".astro/types.d.ts", "worker-configuration.d.ts", "**/*"], 12 11 "exclude": ["dist", "public"]