4 Commits

Author SHA1 Message Date
Paillat
71af282bd2 🎨 Format... 2025-08-28 18:37:53 +02:00
Paillat
be3af1f676 💄 Fix css again 2025-08-28 18:35:00 +02:00
Paillat
bacfd12dfc 💄 Fix css 2025-08-28 18:19:08 +02:00
Paillat
d16e4b2f1f 🎨 Format README.md 2025-08-28 18:18:46 +02:00
2 changed files with 22 additions and 11 deletions

View File

@@ -14,7 +14,7 @@ npm install svelte-github-calendar
```svelte
<script>
import { GithubCalendar } from 'svelte-github-calendar';
import { GithubCalendar } from 'svelte-github-calendar';
</script>
<GithubCalendar username="yourusername" />
@@ -24,24 +24,24 @@ npm install svelte-github-calendar
```svelte
<script>
import { GithubCalendar } from 'svelte-github-calendar';
import { GithubCalendar } from 'svelte-github-calendar';
</script>
<GithubCalendar
username="yourusername"
summary_text="Summary of {name}'s GitHub activity"
global_stats={true}
responsive={true}
tooltips={true}
cache={60}
class="my-custom-class"
<GithubCalendar
username="yourusername"
summary_text="Summary of {name}'s GitHub activity"
global_stats={true}
responsive={true}
tooltips={true}
cache={60}
class="my-custom-class"
/>
```
## Props
| Prop | Type | Default | Description |
|----------------|------------|--------------|------------------------------------------|
| -------------- | ---------- | ------------ | ---------------------------------------- |
| `username` | `string` | **Required** | GitHub username to display calendar for |
| `summary_text` | `string` | `undefined` | Custom summary text template. |
| `proxy` | `function` | `undefined` | Custom proxy function for API requests |
@@ -65,6 +65,7 @@ This library is licensed under the MIT License. See the [LICENSE](LICENSE) file
## Contributing
Contributions are welcome! Feel free to:
- Report bugs
- Suggest new features
- Submit pull requests
@@ -73,5 +74,6 @@ Contributions are welcome! Feel free to:
## Troubleshooting
### Calendar not loading
- Ensure the username is valid and public
- Verify network connectivity

View File

@@ -58,6 +58,7 @@
table.ContributionCalendar-grid {
margin-bottom: 0pt !important;
border-collapse: separate !important;
}
table.ContributionCalendar-grid td {
@@ -144,6 +145,10 @@
font-size: 11px !important;
}
.contrib-column span {
color: #000 !important;
}
.contrib-column-first {
border-left: 0 !important;
}
@@ -191,6 +196,10 @@
height: 26px !important;
}
.calendar .text-muted {
color: inherit !important;
}
.left.text-muted {
float: left !important;
margin-left: 9px !important;