objective categorical abstract machine language personal data server
Fix layout shift on account page
+9
-9
+1
-1
frontend/src/components/Sidebar.mlx
+1
-1
frontend/src/components/Sidebar.mlx
···
5
5
let[@react.component] make ~pages ~active_page ?header () =
6
6
let selected_class = "text-mana-100 font-medium" in
7
7
let unselected_class = "text-mist-100 hover:text-mana-100" in
8
-
<aside className="flex flex-col gap-y-2 w-auto min-w-32">
8
+
<aside className="flex flex-col gap-y-2 w-auto min-w-32 max-w-64">
9
9
(match header with Some h -> h | None -> null)
10
10
<nav className="flex flex-col gap-y-1 mt-2">
11
11
( List.map
+3
-3
frontend/src/templates/AccountIdentityPage.mlx
+3
-3
frontend/src/templates/AccountIdentityPage.mlx
···
35
35
let errorState, setErrorState = useState (fun () -> error) in
36
36
let successState, setSuccessState = useState (fun () -> success) in
37
37
<div
38
-
className="w-auto h-full max-w-full px-4 sm:px-0 pt-16 mx-auto flex flex-col \
39
-
md:flex-row gap-12">
38
+
className="w-full h-full max-w-[816px] px-8 pt-16 mx-auto flex flex-col \
39
+
md:flex-row gap-8">
40
40
<AccountSidebar
41
41
current_user logged_in_users active_page="/account/identity"
42
42
/>
43
-
<main className="flex-1 w-full max-w-lg">
43
+
<main className="flex-1 w-full md:max-w-lg">
44
44
<h1 className="text-2xl font-serif text-mana-200 mb-1">
45
45
(string "identity")
46
46
</h1>
+2
-2
frontend/src/templates/AccountPage.mlx
+2
-2
frontend/src/templates/AccountPage.mlx
···
82
82
let importError, setImportError = useState (fun () -> None) in
83
83
let importSuccess, setImportSuccess = useState (fun () -> false) in
84
84
let fileInputRef : Dom.element Js.nullable React.ref = useRef Js.Nullable.null in
85
-
<div className="w-auto h-full px-4 sm:px-0 pt-16 mx-auto flex flex-col md:flex-row gap-12">
85
+
<div className="w-full h-full max-w-[816px] px-8 pt-16 mx-auto flex flex-col md:flex-row gap-8">
86
86
<AccountSidebar
87
87
current_user logged_in_users active_page="/account"
88
88
/>
89
-
<main className="flex-1 w-full max-w-md">
89
+
<main className="flex-1 w-full md:max-w-lg">
90
90
<h1 className="text-2xl font-serif text-mana-200 mb-1">
91
91
(string "my account")
92
92
</h1>
+3
-3
frontend/src/templates/AccountPermissionsPage.mlx
+3
-3
frontend/src/templates/AccountPermissionsPage.mlx
···
68
68
({current_user; logged_in_users; csrf_token; authorized_apps; devices} :
69
69
props ) () =
70
70
<div
71
-
className="w-auto h-full max-w-full px-4 sm:px-0 pt-16 mx-auto flex \
72
-
flex-col md:flex-row gap-12">
71
+
className="w-full h-full max-w-[816px] px-8 pt-16 mx-auto flex \
72
+
flex-col md:flex-row gap-8">
73
73
<AccountSidebar
74
74
current_user logged_in_users active_page="/account/permissions"
75
75
/>
76
-
<main className="flex-1 w-full max-w-md">
76
+
<main className="flex-1 w-full md:max-w-lg">
77
77
<section>
78
78
<h1 className="text-2xl font-serif text-mana-200 mb-1">
79
79
(string "authorized applications")