Skip to content

register and appstore ui #772

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 14 commits into
base: develop
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4,206 changes: 3,576 additions & 630 deletions css/hyperware.css

Large diffs are not rendered by default.

17 changes: 14 additions & 3 deletions hyperdrive/packages/app-store/app-store/src/http_api.rs
Original file line number Diff line number Diff line change
Expand Up @@ -96,6 +96,10 @@ fn make_widget() -> String {
padding-top: 8px;
}

h2, h3 {
font-family: 'Neue Haas Grotesk', sans-serif;
}

#latest-apps {
display: flex;
flex-wrap: wrap;
Expand All @@ -109,15 +113,14 @@ fn make_widget() -> String {
}

.app {
padding: 1rem;
padding: 1rem 0.5rem;
display: flex;
flex-grow: 1;
align-items: center;
border-bottom: 1px solid light-dark(rgba(0,0,0,0.1), rgba(255,255,255,0.1));
cursor: pointer;
font-family: sans-serif;
width: 100%;
min-height: 100px;
text-decoration: none !important;
border-radius: 0.25rem;
}
Expand All @@ -133,13 +136,15 @@ fn make_widget() -> String {
height: 48px;
width: 48px;
max-width: 33%;
border-radius: 0.25rem;
}

.app-info {
display: flex;
flex-direction: column;
flex-grow: 1;
max-width: 67%;
line-height: 1.2;
}

.app-info h2 {
Expand All @@ -152,6 +157,12 @@ fn make_widget() -> String {
width: 49%;
}
}

@media (prefers-color-scheme: dark) {
body {
background-color: #000;
}
}
</style>
</head>
<body>
Expand Down Expand Up @@ -188,7 +199,7 @@ fn make_widget() -> String {
a.innerHTML = `<div
class="app-image"
style="
background-image: url('${app.metadata.image || `/bird-orange.svg`}');
${app.metadata.image ? `background-image: url('${app.metadata.image}');` : 'background-color: #004FFF;'}
"
></div>
<div class="app-info">
Expand Down
28 changes: 27 additions & 1 deletion hyperdrive/packages/app-store/app-store/src/icon
Original file line number Diff line number Diff line change
@@ -1 +1,27 @@
data:image/png;base64,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
data:image/png;base64,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
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
1 change: 0 additions & 1 deletion hyperdrive/packages/app-store/ui/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,6 @@
<meta charset="utf-8" />
<meta http-equiv="pragma" content="no-cache" />
<meta http-equiv="cache-control" content="no-cache" />
<link rel="stylesheet" href="/hyperware.css">
<link rel="icon" href="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iTGF5ZXJfMiIg
ZGF0YS1uYW1lPSJMYXllciAyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZp
ZXdCb3g9IjAgMCA2MjIuMjcgNTk1LjA5Ij4KICA8ZGVmcz4KICAgIDxzdHlsZT4KICAgICAgQG1l
Expand Down
Loading