andrew
6b245c628c
Add complete project scaffold for Gitpub Desktop (Tauri + Rust backend and vanilla HTML/CSS/JS frontend). Includes frontend entry (index.html), styles (base/components CSS), app logic and modules (app.js, gitea-api.js, tauri-api.js, state.js, storage.js), static assets and component READMEs, README.md, VSCode recommendations, and project config (package.json, package-lock.json). Also adds src-tauri skeleton (Cargo.toml, main.rs, lib.rs, build.rs, tauri.conf.json), application icons, and .gitignore files. Provides MVP plumbing for server setup and management, repository dashboard, local repo opening, and Git operations via Tauri invoke (clone/pull/push/status/branch).
143 lines
1.9 KiB
CSS
143 lines
1.9 KiB
CSS
#app {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.layout {
|
|
display: grid;
|
|
grid-template-columns: 260px 1fr 320px;
|
|
width: 100%;
|
|
height: 100%;
|
|
gap: 0;
|
|
}
|
|
|
|
.sidebar,
|
|
.rightbar {
|
|
background: rgba(13, 21, 34, 0.88);
|
|
border-right: 1px solid var(--border);
|
|
padding: 14px;
|
|
}
|
|
|
|
.rightbar {
|
|
border-right: 0;
|
|
border-left: 1px solid var(--border);
|
|
}
|
|
|
|
.main {
|
|
padding: 16px;
|
|
overflow: auto;
|
|
}
|
|
|
|
.panel {
|
|
border: 1px solid var(--border);
|
|
border-radius: var(--radius-lg);
|
|
background: rgba(16, 26, 41, 0.92);
|
|
box-shadow: var(--shadow);
|
|
padding: 14px;
|
|
}
|
|
|
|
.stack {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 12px;
|
|
}
|
|
|
|
.row {
|
|
display: flex;
|
|
gap: 8px;
|
|
}
|
|
|
|
.row.wrap {
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.row.end {
|
|
justify-content: flex-end;
|
|
}
|
|
|
|
.server-chip,
|
|
.repo-card {
|
|
border: 1px solid var(--border);
|
|
border-radius: var(--radius-md);
|
|
padding: 10px;
|
|
background: rgba(23, 34, 53, 0.75);
|
|
}
|
|
|
|
.repo-grid {
|
|
display: grid;
|
|
gap: 10px;
|
|
grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
|
|
}
|
|
|
|
.muted {
|
|
color: var(--text-muted);
|
|
}
|
|
|
|
.label {
|
|
font-size: 12px;
|
|
color: var(--text-muted);
|
|
margin-bottom: 4px;
|
|
}
|
|
|
|
.title {
|
|
margin: 0;
|
|
font-size: 18px;
|
|
}
|
|
|
|
.subtitle {
|
|
margin: 0;
|
|
font-size: 13px;
|
|
color: var(--text-muted);
|
|
}
|
|
|
|
.hidden {
|
|
display: none !important;
|
|
}
|
|
|
|
.app-header {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
margin-bottom: 14px;
|
|
}
|
|
|
|
.section-header {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
}
|
|
|
|
.list {
|
|
margin: 0;
|
|
padding-left: 16px;
|
|
}
|
|
|
|
.welcome-wrap {
|
|
min-height: 100%;
|
|
display: grid;
|
|
place-items: center;
|
|
padding: 24px;
|
|
}
|
|
|
|
.welcome-card {
|
|
width: min(680px, 100%);
|
|
}
|
|
|
|
.status-ok {
|
|
color: var(--success);
|
|
}
|
|
|
|
.status-error {
|
|
color: var(--danger);
|
|
}
|
|
|
|
@media (max-width: 1180px) {
|
|
.layout {
|
|
grid-template-columns: 220px 1fr;
|
|
}
|
|
|
|
.rightbar {
|
|
display: none;
|
|
}
|
|
}
|