alezmad/whyrating
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: whyrating - initial project from turbostarter boilerplate

Browse Source
This commit is contained in:
Alejandro Gutiérrez
2026-02-04 01:54:52 +01:00
commit 5cdc07cd39
1618 changed files with 338230 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

431
.context/turbostarter-framework-context/wireframes/themed/templates/components/modal.excalidraw Normal file
View File

@@ -0,0 +1,431 @@
{
"type": "excalidraw",
"version": 2,
"source": "turbostarter-wireframes",
"elements": [
{
"id": "backdrop",
"type": "rectangle",
"x": 0,
"y": 0,
"width": 800,
"height": 600,
"strokeColor": "transparent",
"backgroundColor": "#1a1a1a",
"fillStyle": "solid",
"strokeWidth": 0,
"roughness": 0,
"opacity": 30,
"groupIds": [],
"roundness": null,
"isDeleted": false,
"boundElements": null,
"link": null,
"locked": false
},
{
"id": "modal-container",
"type": "rectangle",
"x": 160,
"y": 140,
"width": 480,
"height": 320,
"strokeColor": "#e5e5e5",
"backgroundColor": "#ffffff",
"fillStyle": "solid",
"strokeWidth": 1,
"roughness": 0,
"opacity": 100,
"groupIds": [
"modal-group"
],
"roundness": {
"type": 3,
"value": 12
},
"isDeleted": false,
"boundElements": null,
"link": null,
"locked": false
},
{
"id": "header-border",
"type": "line",
"x": 160,
"y": 196,
"width": 480,
"height": 0,
"strokeColor": "#e5e5e5",
"backgroundColor": "transparent",
"fillStyle": "solid",
"strokeWidth": 1,
"roughness": 0,
"opacity": 100,
"groupIds": [
"modal-group"
],
"roundness": null,
"isDeleted": false,
"boundElements": null,
"link": null,
"locked": false,
"points": [
[
0,
0
],
[
480,
0
]
]
},
{
"id": "modal-title",
"type": "rectangle",
"x": 184,
"y": 160,
"width": 200,
"height": 24,
"strokeColor": "#1a1a1a",
"backgroundColor": "#1a1a1a",
"fillStyle": "solid",
"strokeWidth": 0,
"roughness": 0,
"opacity": 100,
"groupIds": [
"modal-group"
],
"roundness": {
"type": 3,
"value": 4
},
"isDeleted": false,
"boundElements": null,
"link": null,
"locked": false
},
{
"id": "close-button",
"type": "rectangle",
"x": 592,
"y": 156,
"width": 32,
"height": 32,
"strokeColor": "#e5e5e5",
"backgroundColor": "transparent",
"fillStyle": "solid",
"strokeWidth": 1,
"roughness": 0,
"opacity": 100,
"groupIds": [
"modal-group"
],
"roundness": {
"type": 3,
"value": 4
},
"isDeleted": false,
"boundElements": null,
"link": null,
"locked": false
},
{
"id": "close-x-h",
"type": "line",
"x": 600,
"y": 164,
"width": 16,
"height": 16,
"strokeColor": "#e5e5e5",
"backgroundColor": "transparent",
"fillStyle": "solid",
"strokeWidth": 2,
"roughness": 0,
"opacity": 100,
"groupIds": [
"modal-group"
],
"roundness": null,
"isDeleted": false,
"boundElements": null,
"link": null,
"locked": false,
"points": [
[
0,
0
],
[
16,
16
]
]
},
{
"id": "close-x-v",
"type": "line",
"x": 616,
"y": 164,
"width": -16,
"height": 16,
"strokeColor": "#e5e5e5",
"backgroundColor": "transparent",
"fillStyle": "solid",
"strokeWidth": 2,
"roughness": 0,
"opacity": 100,
"groupIds": [
"modal-group"
],
"roundness": null,
"isDeleted": false,
"boundElements": null,
"link": null,
"locked": false,
"points": [
[
0,
0
],
[
-16,
16
]
]
},
{
"id": "content-desc-1",
"type": "rectangle",
"x": 184,
"y": 220,
"width": 432,
"height": 16,
"strokeColor": "#e5e5e5",
"backgroundColor": "#e5e5e5",
"fillStyle": "solid",
"strokeWidth": 0,
"roughness": 0,
"opacity": 60,
"groupIds": [
"modal-group"
],
"roundness": {
"type": 3,
"value": 2
},
"isDeleted": false,
"boundElements": null,
"link": null,
"locked": false
},
{
"id": "content-desc-2",
"type": "rectangle",
"x": 184,
"y": 244,
"width": 380,
"height": 16,
"strokeColor": "#e5e5e5",
"backgroundColor": "#e5e5e5",
"fillStyle": "solid",
"strokeWidth": 0,
"roughness": 0,
"opacity": 60,
"groupIds": [
"modal-group"
],
"roundness": {
"type": 3,
"value": 2
},
"isDeleted": false,
"boundElements": null,
"link": null,
"locked": false
},
{
"id": "content-desc-3",
"type": "rectangle",
"x": 184,
"y": 268,
"width": 300,
"height": 16,
"strokeColor": "#e5e5e5",
"backgroundColor": "#e5e5e5",
"fillStyle": "solid",
"strokeWidth": 0,
"roughness": 0,
"opacity": 60,
"groupIds": [
"modal-group"
],
"roundness": {
"type": 3,
"value": 2
},
"isDeleted": false,
"boundElements": null,
"link": null,
"locked": false
},
{
"id": "optional-input",
"type": "rectangle",
"x": 184,
"y": 304,
"width": 432,
"height": 40,
"strokeColor": "#e5e5e5",
"backgroundColor": "#ffffff",
"fillStyle": "solid",
"strokeWidth": 1,
"roughness": 0,
"opacity": 100,
"groupIds": [
"modal-group"
],
"roundness": {
"type": 3,
"value": 6
},
"isDeleted": false,
"boundElements": null,
"link": null,
"locked": false
},
{
"id": "footer-bg",
"type": "rectangle",
"x": 160,
"y": 396,
"width": 480,
"height": 64,
"strokeColor": "transparent",
"backgroundColor": "#f5f5f5",
"fillStyle": "solid",
"strokeWidth": 0,
"roughness": 0,
"opacity": 100,
"groupIds": [
"modal-group"
],
"roundness": {
"type": 3,
"value": 12
},
"isDeleted": false,
"boundElements": null,
"link": null,
"locked": false
},
{
"id": "footer-bg-top-mask",
"type": "rectangle",
"x": 160,
"y": 396,
"width": 480,
"height": 20,
"strokeColor": "transparent",
"backgroundColor": "#f5f5f5",
"fillStyle": "solid",
"strokeWidth": 0,
"roughness": 0,
"opacity": 100,
"groupIds": [
"modal-group"
],
"roundness": null,
"isDeleted": false,
"boundElements": null,
"link": null,
"locked": false
},
{
"id": "footer-border",
"type": "line",
"x": 160,
"y": 396,
"width": 480,
"height": 0,
"strokeColor": "#e5e5e5",
"backgroundColor": "transparent",
"fillStyle": "solid",
"strokeWidth": 1,
"roughness": 0,
"opacity": 100,
"groupIds": [
"modal-group"
],
"roundness": null,
"isDeleted": false,
"boundElements": null,
"link": null,
"locked": false,
"points": [
[
0,
0
],
[
480,
0
]
]
},
{
"id": "cancel-button",
"type": "rectangle",
"x": 408,
"y": 408,
"width": 100,
"height": 40,
"strokeColor": "#e5e5e5",
"backgroundColor": "transparent",
"fillStyle": "solid",
"strokeWidth": 1,
"roughness": 0,
"opacity": 100,
"groupIds": [
"modal-group"
],
"roundness": {
"type": 3,
"value": 6
},
"isDeleted": false,
"boundElements": null,
"link": null,
"locked": false
},
{
"id": "confirm-button",
"type": "rectangle",
"x": 516,
"y": 408,
"width": 100,
"height": 40,
"strokeColor": "#f97316",
"backgroundColor": "#f97316",
"fillStyle": "solid",
"strokeWidth": 0,
"roughness": 0,
"opacity": 100,
"groupIds": [
"modal-group"
],
"roundness": {
"type": 3,
"value": 6
},
"isDeleted": false,
"boundElements": null,
"link": null,
"locked": false
}
],
"appState": {
"gridSize": 20,
"viewBackgroundColor": "$background"
}
}