feat: responsive /wall layout

crates/ascend/src/components/problem_info.rs

@@ -11,7 +11,7 @@ pub fn ProblemInfo(problem: models::Problem) -> impl IntoView {
     let method = problem.method;
 
     view! {
-        <div class="grid grid-rows-none grid-cols-[auto,1fr]">
+        <div class="grid grid-rows-none grid-cols-[auto,1fr] gap-0.5">
             <NameValue name="Name:" value=name />
             <NameValue name="Method:" value=method.to_string() />
             <NameValue name="Set By:" value=set_by />
@@ -23,7 +23,7 @@ pub fn ProblemInfo(problem: models::Problem) -> impl IntoView {
 #[tracing::instrument(skip_all)]
 fn NameValue(#[prop(into)] name: String, #[prop(into)] value: String) -> impl IntoView {
     view! {
-            <p class="text-orange-300 mr-4">{name}</p>
+        <p class="text-orange-300 mr-4 text-right">{name}</p>
         <p class="text-white font-semibold">{value}</p>
     }
 }

crates/ascend/src/pages/wall.rs

@@ -1,5 +1,3 @@
-// TODO: Put current problem UID in url
-
 use crate::codec::ron::RonEncoded;
 use crate::components::ProblemInfo;
 use crate::components::button::Button;
@@ -109,8 +107,10 @@ pub fn Wall() -> impl IntoView {
                         tracing::info!("executing Suspend future");
                         let wall = wall.await?;
                         let v = view! {
-                            <div class="grid grid-cols-[auto,1fr] gap-8">
+                            <div class="grid grid-cols-1 md:grid-cols-[auto,1fr] gap-8">
+                                <div>
                                     <Grid wall=wall.clone() problem=problem_signal />
+                                </div>
 
                                 <div>
                                     <Button
@@ -144,10 +144,10 @@ fn Grid(wall: models::Wall, problem: Signal<Option<models::Problem>>) -> impl In
         let cell = view! { <Hold role hold=hold.clone() /> };
         cells.push(cell);
     }
-    let grid_classes = format!("grid grid-rows-{} grid-cols-{} gap-3", wall.rows, wall.cols,);
+    let grid_classes = format!("grid grid-rows-{} grid-cols-{} gap-1", wall.rows, wall.cols,);
 
     view! {
-        <div class="grid grid-cols-[auto,1fr] gap-8">
+        <div class="grid grid-cols-[auto,1fr]">
             <div style="max-height: 90vh; max-width: 90vh;" class=move || { grid_classes.clone() }>
                 {cells}
             </div>
@@ -169,7 +169,7 @@ fn Hold(hold: models::Hold, role: Signal<Option<HoldRole>>) -> impl IntoView {
             None => Some("brightness-50"),
             // None => None,
         };
-        let mut s = "bg-sky-100 aspect-square rounded".to_string();
+        let mut s = "bg-sky-100 aspect-square rounded hover:brightness-125".to_string();
         if let Some(c) = role_classes {
             s.push(' ');
             s.push_str(c);

justfile

@@ -36,7 +36,13 @@ cp-prod-datastore:
 
 # Update ascend input and nixos-rebuild switch
 prod-deploy:
+    # Build on this machine (faster) and copy to prod /nix/store
+    nix copy --to ssh://192.168.1.3 .
+
+    # Update ascend input on prod machine nix configuration
     ssh 192.168.1.3 'cd /home/plul/repos/gitlab.com/plul/nixexprs; just update-ascend'
+
+    # Switch nix configuration on prod (should be fast as /nix/store should be pre-populated)
     ssh -t 192.168.1.3 'cd /home/plul/repos/gitlab.com/plul/nixexprs; just switch'
 
 prod-logs:

todo.md

@@ -5,7 +5,6 @@
 - Record problem success (enum: flash, send, no-send)
 - implement routes page to show all routes for a given wall
 - implement favorite routes feature
-- use wall id in URL.
 - decide on routes vs problems terminology
 - decide on holds vs wall-edit terminology
 - clock