feat: Initialize the Electron frontend with core UI components and integrate Convex backend services.

This commit is contained in:
Bryan1029384756
2026-02-10 18:29:42 -06:00
parent 34e9790db9
commit 17790afa9b
64 changed files with 149216 additions and 628 deletions

View File

@@ -0,0 +1,160 @@
.loadingWrapper__5a143 {
align-items: center;
border-radius: 2px;
display: flex;
flex-direction: row;
height: 16px;
justify-content: center;
margin: 2px 0;
padding: 8px 4px
}
.list_c47777 {
max-height: 500px
}
.actionContainer_bc4513 {
background-color: var(--background-mod-normal);
border-radius: 80px;
flex-direction: row;
padding-inline:6px 8px;padding-bottom: 4px;
padding-top: 4px
}
.actionContainer_bc4513,.actionIconContainer_bc4513 {
align-items: center;
display: flex;
justify-content: center
}
.actionIconContainer_bc4513 {
height: 16px;
margin-inline-end:4px;width: 16px
}
.actionIcon_bc4513 {
color: var(--text-muted)
}
.actionTextContainer_bc4513 {
flex: 1
}
.actionTextHeader_bc4513 {
word-wrap: normal;
text-transform: lowercase
}
.actionTextHelper_bc4513 {
margin-inline-start:4px;text-transform: lowercase
}
.emoji_ab6c65 {
-o-object-fit: contain;
object-fit: contain
}
.pro__30cbe {
text-transform: uppercase
}
.tip__30cbe {
line-height: 16px;
opacity: 1
}
.block__30cbe .pro__30cbe,.block__30cbe .tip__30cbe,.tip__30cbe {
font-size: 14px
}
.inline__30cbe .pro__30cbe,.inline__30cbe .tip__30cbe {
display: inline;
font-size: 12px
}
.inline__30cbe .pro__30cbe {
margin-inline-end:3px}
.enable-forced-colors .tip__30cbe {
opacity: 1
}
.spacing_fd14e0 {
margin-bottom: 20px
}
.spacingTop_fd14e0 {
margin-top: 20px
}
.message_fd14e0 {
background-color: var(--background-base-low);
border-radius: 3px;
box-shadow: var(--legacy-elevation-border),var(--legacy-elevation-high);
overflow: hidden;
padding-bottom: 10px;
padding-top: 10px;
pointer-events: none;
position: relative
}
.closeButton_fd14e0 {
justify-content: flex-end
}
.wrapper_f563df {
display: grid;
gap: 4px;
grid-template-columns: repeat(4,1fr);
grid-template-rows: 1fr;
justify-items: center;
padding: 8px
}
.button_f563df,.wrapper_f563df {
align-items: center
}
.button_f563df {
background-color: var(--background-mod-subtle);
border-radius: 8px;
cursor: pointer;
display: flex;
flex: 0 0 auto;
height: 44px;
justify-content: center;
padding: 0;
width: 44px
}
.button_f563df:hover {
background-color: var(--background-mod-strong)
}
.button_f563df:active {
background-color: var(--background-mod-muted)
}
.button_f563df:hover {
background-color: var(--background-mod-normal)
}
.keyboard-mode .button_f563df.focused_f563df {
background-color: var(--background-mod-normal);
box-shadow: 0 0 0 2px var(--blue-345)
}
.icon_f563df {
display: block;
height: 20px;
-o-object-fit: contain;
object-fit: contain;
width: 20px
}
.flagIcon__45b6e {
height: 12px;
width: 16px
}
/*# sourceMappingURL=59c6d21704b78874.css.map*/