diff options
| author | 2026-01-13 15:19:50 +0800 | |
|---|---|---|
| committer | 2026-01-13 15:19:50 +0800 | |
| commit | 94bbf11e4e37b880b111316f1af8006b05d38e2a (patch) | |
| tree | 090908cd31d387c4cda683582719c3492b2bf31f /ui/style.css | |
| parent | 7ca72b953e1e42659376016e0eb048593e31ed6d (diff) | |
| download | DropOut-94bbf11e4e37b880b111316f1af8006b05d38e2a.tar.gz DropOut-94bbf11e4e37b880b111316f1af8006b05d38e2a.zip | |
feat: Initialize Svelte application with Tailwind CSS and Tauri integration
- Added main application structure in App.svelte with a sidebar and main content area.
- Implemented game launch functionality using Tauri's invoke API.
- Included SVG icons for Vite and Svelte in the assets.
- Set up Tailwind CSS for styling in app.css.
- Created a Counter component for demonstration purposes.
- Configured TypeScript support with appropriate tsconfig files.
- Established Vite configuration for building the application.
Diffstat (limited to 'ui/style.css')
| -rw-r--r-- | ui/style.css | 57 |
1 files changed, 0 insertions, 57 deletions
diff --git a/ui/style.css b/ui/style.css deleted file mode 100644 index 8820ebc..0000000 --- a/ui/style.css +++ /dev/null @@ -1,57 +0,0 @@ -body { - font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; - background-color: #2c2f33; - color: #ffffff; - display: flex; - justify-content: center; - align-items: center; - height: 100vh; - margin: 0; - user-select: none; -} - -.container { - text-align: center; - background-color: #23272a; - padding: 2rem; - border-radius: 10px; - box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5); - width: 300px; -} - -h1 { - font-size: 1.2rem; - margin-bottom: 2rem; - color: #7289da; -} - -.status-container { - margin-bottom: 1.5rem; - min-height: 1.5rem; -} - -#status-text { - font-size: 0.9rem; - color: #99aab5; - margin: 0; -} - -button { - background-color: #43b581; - color: white; - border: none; - padding: 10px 20px; - border-radius: 5px; - font-size: 1rem; - cursor: pointer; - transition: background-color 0.2s; - width: 100%; -} - -button:hover { - background-color: #3ca374; -} - -button:active { - background-color: #358f66; -} |