diff --git a/client/src/App.css b/client/src/App.css
index f402270..0718778 100644
--- a/client/src/App.css
+++ b/client/src/App.css
@@ -62,8 +62,18 @@
.loading-bar-container {
background: #282c34;
width: 100%;
+ height: 30px;
+ min-height: 30px;
}
.loading-bar {
- background: green;
+ background: #66ff66;
+ height: 100%;
+}
+
+.page-head {
+ background: #282c34;
+ color: white !important;
+ margin-top: 0;
+ padding: 1rem;
}
diff --git a/client/src/components/SessionPictures.tsx b/client/src/components/SessionPictures.tsx
index 4fe90d0..3c09865 100644
--- a/client/src/components/SessionPictures.tsx
+++ b/client/src/components/SessionPictures.tsx
@@ -1,5 +1,5 @@
import React, { useEffect, useState } from 'react'
-import { Card, message, Modal, PageHeader, Spin } from 'antd'
+import { Card, message, Modal, PageHeader, Row, Spin, Typography } from 'antd'
import { getSession } from '../api'
type Props = {
@@ -33,6 +33,8 @@ export const SessionPictures = ({ clientId }: Props) => {
if (!urls?.length) return null
+ const u = urls.length / 89
+
return (
<>