From 62aaaeee9ababa3c82fda1c98e369b5bad5e78c2 Mon Sep 17 00:00:00 2001
From: thislight <l1589002388@gmail.com>
Date: Sat, 23 Nov 2024 16:13:42 +0800
Subject: [PATCH] Profile: check container query supports

---
 src/profiles/Profile.css | 52 +++++++++++++++++++++-------------------
 1 file changed, 27 insertions(+), 25 deletions(-)

diff --git a/src/profiles/Profile.css b/src/profiles/Profile.css
index 7dcfa70..a8ce070 100644
--- a/src/profiles/Profile.css
+++ b/src/profiles/Profile.css
@@ -115,39 +115,41 @@
   }
 }
 
-@container StackedPage (inline-size >=960px) {
-  .Profile {
-    display: grid;
-    grid-template-columns: auto 560px;
-    grid-template-rows: min-content 1fr;
-    height: 100cqh;
+@supports (container-type: inline-size) {
+  @container StackedPage (inline-size >=960px) {
+    .Profile {
+      display: grid;
+      grid-template-columns: auto 560px;
+      grid-template-rows: min-content 1fr;
+      height: 100cqh;
 
-    >.topbar {
-      grid-column: 1 / 3;
-      grid-row: 1 /2;
+      >.topbar {
+        grid-column: 1 / 3;
+        grid-row: 1 /2;
 
-      .MuiToolbar-root {
-        padding-right: calc(560px + 24px);
+        .MuiToolbar-root {
+          padding-right: calc(560px + 24px);
+        }
       }
-    }
 
-    > .details {
-      height: 100%;
-      display: flex;
-      flex-flow: column nowrap;
+      >.details {
+        height: 100%;
+        display: flex;
+        flex-flow: column nowrap;
 
-      > .intro {
-        flex-grow: 1;
+        >.intro {
+          flex-grow: 1;
+        }
       }
-    }
 
-    >.recent-toots {
-      overflow-y: auto;
-      margin-top: calc(-1 * var(--scaffold-topbar-height));
-      z-index: calc(var(--tutu-zidx-nav, 1) + 1);
+      >.recent-toots {
+        overflow-y: auto;
+        margin-top: calc(-1 * var(--scaffold-topbar-height));
+        z-index: calc(var(--tutu-zidx-nav, 1) + 1);
 
-      >.toot-list-toolbar {
-        top: 0;
+        >.toot-list-toolbar {
+          top: 0;
+        }
       }
     }
   }