ByoungSooPark/modeling-app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Make web warning less annoying (#1206)

Browse Source 
* Put a proper overlay behind the web app warning banner
Resolves #1197

* Add outline to kcma logo in readme
Resolves #1159

* A snapshot a day keeps the bugs away! 📷🐛 (OS: ubuntu)

* retrigger CI

---------

Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
This commit is contained in:
Frank Noirot
2023-12-14 15:48:06 -05:00
committed by GitHub
parent c6e97e729a
commit bf68a87897
4 changed files with 40 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
README.md
View File

@ -1,4 +1,4 @@
![KittyCAD Modeling App](/public/kcma-logomark.png) ![KittyCAD Modeling App](/public/kcma-logomark-outlined.png)
## KittyCAD Modeling App ## KittyCAD Modeling App

1
package.json
View File

@ -60,6 +60,7 @@
}, },
"scripts": { "scripts": {
"start": "vite", "start": "vite",
"start:prod": "vite preview --port=3000",
"serve": "vite serve --port=3000", "serve": "vite serve --port=3000",
"build": "curl --proto '=https' --tlsv1.2 -sSf https://sh.rustup.rs | sh -s -- -y && source \"$HOME/.cargo/env\" && curl https://rustwasm.github.io/wasm-pack/installer/init.sh -sSf | sh -s -- -y && yarn build:wasm && vite build", "build": "curl --proto '=https' --tlsv1.2 -sSf https://sh.rustup.rs | sh -s -- -y && source \"$HOME/.cargo/env\" && curl https://rustwasm.github.io/wasm-pack/installer/init.sh -sSf | sh -s -- -y && yarn build:wasm && vite build",
"build:local": "vite build", "build:local": "vite build",

BIN
public/kcma-logomark-outlined.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 11 KiB

9
src/components/DownloadAppBanner.tsx
View File

@ -10,11 +10,13 @@ const DownloadAppBanner = () => {
return ( return (
<Dialog <Dialog
className="fixed inset-0 top-auto z-50 bg-warn-20 text-warn-80 px-8 py-4" className="fixed inset-0 z-50"
open={!isBannerDismissed} open={!isBannerDismissed}
onClose={() => ({})} onClose={() => ({})}
> >
<Dialog.Panel className="max-w-3xl mx-auto"> <Dialog.Overlay className="fixed inset-0 bg-chalkboard-100/50" />
<Dialog.Panel className="absolute inset-0 top-auto bg-warn-20 text-warn-80 px-8 py-4">
<div className="max-w-3xl mx-auto">
<div className="flex gap-2 justify-between items-start"> <div className="flex gap-2 justify-between items-start">
<h2 className="text-xl font-bold mb-4"> <h2 className="text-xl font-bold mb-4">
KittyCAD Modeling App is better as a desktop app! KittyCAD Modeling App is better as a desktop app!
@ -43,12 +45,13 @@ const DownloadAppBanner = () => {
href="https://kittycad.io/modeling-app/download" href="https://kittycad.io/modeling-app/download"
rel="noopener noreferrer" rel="noopener noreferrer"
target="_blank" target="_blank"
className="text-warn-80 dark:text-warn-80 dark:hover:text-warn-70 underline" className="!text-warn-80 dark:!text-warn-80 dark:hover:!text-warn-70 underline"
> >
our website our website
</a>{' '} </a>{' '}
to download the app for the best experience. to download the app for the best experience.
</p> </p>
</div>
</Dialog.Panel> </Dialog.Panel>
</Dialog> </Dialog>
) )