+ @if (Address == State.SelectedAddressName) {
+
+
+ }
diff --git a/Components/Pages/StatuslogLatest.razor b/Components/Pages/StatuslogLatest.razor
index 2d2e060..4b94969 100644
--- a/Components/Pages/StatuslogLatest.razor
+++ b/Components/Pages/StatuslogLatest.razor
@@ -1,4 +1,5 @@
-@page "/statuslog/latest"
+@page "/"
+@page "/statuslog/latest"
@inject State State
diff --git a/Components/StatusCard.razor b/Components/StatusCard.razor
index dc38226..3539f66 100644
--- a/Components/StatusCard.razor
+++ b/Components/StatusCard.razor
@@ -1,12 +1,23 @@
@inject IJSRuntime JS
-
+
diff --git a/MainPage.xaml.cs b/MainPage.xaml.cs
index 2804380..5df0b19 100644
--- a/MainPage.xaml.cs
+++ b/MainPage.xaml.cs
@@ -16,10 +16,5 @@ namespace Neighbourhood.omg.lol {
Shell.Current.GoToAsync(nameof(LoginWebViewPage));
}
}
-
- protected override void OnAppearing() {
- base.OnAppearing();
- Debug.WriteLine("And now you're back. From outer space.");
- }
}
}
diff --git a/Models/Status.cs b/Models/Status.cs
index a9e0fcb..a42ff8e 100644
--- a/Models/Status.cs
+++ b/Models/Status.cs
@@ -9,6 +9,7 @@ namespace Neighbourhood.omg.lol.Models {
public string RelativeTime { get; set; }
public string Emoji { get; set; }
public string Background { get; set; }
+ public string BackgroundColor { get => Background; set => Background = "#" + value; }
public string Content { get; set; }
public string RenderedMarkdown { get; set; }
public string ExternalUrl { get; set; }
diff --git a/Platforms/Android/AndroidManifest.xml b/Platforms/Android/AndroidManifest.xml
index dbf9e7e..4664cfb 100644
--- a/Platforms/Android/AndroidManifest.xml
+++ b/Platforms/Android/AndroidManifest.xml
@@ -1,6 +1,6 @@
-
-
-
-
+
+
+
+
\ No newline at end of file
diff --git a/wwwroot/css/style.css b/wwwroot/css/style.css
index b9035eb..4f3a5c9 100644
--- a/wwwroot/css/style.css
+++ b/wwwroot/css/style.css
@@ -91,7 +91,7 @@ img {
text-indent: -10px;
}
-#status-emoji {
+.status .emoji, #status-emoji {
margin-bottom: auto;
inline-size: 3.5rem;
block-size: 3.5rem;
@@ -299,7 +299,7 @@ article.ephemeral {
flex-shrink: 1;
}
-.page-container > .page {
+.page-container > .page.active {
display:flex;
flex-direction:column;
flex-grow: 1;
@@ -327,7 +327,9 @@ main, .page-container {
}
main {
- overflow: hidden;
+ overflow-x: hidden;
+ overflow-y: auto;
+
}
.hover {
@@ -346,4 +348,51 @@ main {
.fa-message-smile { color: var(--blue-4) !important; }
.fa-images { color: var(--yellow-6) !important; }
.fa-id-card { color: var(--pink-4) !important; }
-.fa-comment-dots { color: var(--gray-6) !important; }
\ No newline at end of file
+.fa-comment-dots { color: var(--gray-6) !important; }
+
+nav.bottom.s :is(small, .label) {
+ font-size: 0.75rem;
+}
+
+i.tiny {
+ ---size: 1em;
+}
+
+.row p {
+ white-space: normal;
+ max-width: 100%;
+}
+
+a.row.indent {
+ margin-left: 1rem;
+ border-left: 1px solid var(--outline);
+}
+
+:is(.circle,.square).large.small:not(i,img,video,svg) {
+ block-size: 2rem;
+ inline-size: 2rem;
+}
+:is(button,.button,.chip).large.small > .responsive {
+ inline-size: 2rem;
+}
+
+/* s */
+@media only screen and (max-width: 600px) {
+
+}
+
+/* m */
+@media only screen and (min-width: 601px) and (max-width: 992px) {
+
+}
+
+/* l */
+@media only screen and (min-width: 993px) {
+ :is(.circle,.square).large.small:not(i,img,video,svg) {
+ block-size: 3rem;
+ inline-size: 3rem;
+ }
+ :is(button,.button,.chip).large.small > .responsive {
+ inline-size: 3rem;
+ }
+}
\ No newline at end of file