diff --git a/rooms/room.go b/rooms/room.go index b89fbdb..4155845 100644 --- a/rooms/room.go +++ b/rooms/room.go @@ -257,26 +257,31 @@ func (g HandGesture) GetGestureInfo() GestureInfo { result = GestureInfo{ Color: "--change-topic-color", ColorDark: "--change-topic-dark", + IconUrl: "/static/images/change-topic.png", } case ProbingQ: result = GestureInfo{ Color: "--probing-q-color", ColorDark: "--probing-q-dark", + IconUrl: "/static/images/probing-q.png", } case Expand: result = GestureInfo{ Color: "--expand-color", ColorDark: "--expand-dark", + IconUrl: "/static/images/expand.png", } case ClarifyingQ: result = GestureInfo{ Color: "--clarifying-q-color", ColorDark: "--clarifying-q-dark", + IconUrl: "/static/images/clarifying-q.png", } case Meta: result = GestureInfo{ Color: "--meta-color", ColorDark: "--meta-dark", + IconUrl: "/static/images/meta.png", } } result.Name = g.String() diff --git a/routes/static/images/change-topic.png b/routes/static/images/change-topic.png new file mode 100644 index 0000000..b545037 Binary files /dev/null and b/routes/static/images/change-topic.png differ diff --git a/routes/static/images/clarifying-q.png b/routes/static/images/clarifying-q.png new file mode 100644 index 0000000..1d2ac56 Binary files /dev/null and b/routes/static/images/clarifying-q.png differ diff --git a/routes/static/images/expand.png b/routes/static/images/expand.png new file mode 100644 index 0000000..f400016 Binary files /dev/null and b/routes/static/images/expand.png differ diff --git a/routes/static/images/meta.png b/routes/static/images/meta.png new file mode 100644 index 0000000..0d91f31 Binary files /dev/null and b/routes/static/images/meta.png differ diff --git a/routes/static/images/probing-q.png b/routes/static/images/probing-q.png new file mode 100644 index 0000000..d373cea Binary files /dev/null and b/routes/static/images/probing-q.png differ diff --git a/routes/static/out.css b/routes/static/out.css index 2bb5d8e..25f5856 100644 --- a/routes/static/out.css +++ b/routes/static/out.css @@ -570,6 +570,10 @@ video { height: 3.5rem; } +.h-16 { + height: 4rem; +} + .h-4\/5 { height: 80%; } @@ -668,14 +672,19 @@ video { gap: 1.5rem; } -.gap-y-10 { - row-gap: 2.5rem; +.gap-y-5 { + row-gap: 1.25rem; } .rounded { border-radius: 0.25rem; } +.rounded-l-full { + border-top-left-radius: 9999px; + border-bottom-left-radius: 9999px; +} + .border { border-width: 1px; } @@ -753,26 +762,21 @@ video { padding: 1rem; } -.px-10 { - padding-left: 2.5rem; - padding-right: 2.5rem; -} - .px-2 { padding-left: 0.5rem; padding-right: 0.5rem; } +.px-5 { + padding-left: 1.25rem; + padding-right: 1.25rem; +} + .py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; } -.py-4 { - padding-top: 1rem; - padding-bottom: 1rem; -} - .text-xl { font-size: 1.25rem; line-height: 1.75rem; diff --git a/routes/templates/room.gohtml b/routes/templates/room.gohtml index efee13d..58ec6d3 100644 --- a/routes/templates/room.gohtml +++ b/routes/templates/room.gohtml @@ -47,15 +47,18 @@ {{ end }} {{/* This is personal hand controls */}} -