locations mobile

udk-berlin · Jun 25, 2024 · d9d6bc4 · d9d6bc4
1 parent a58f0fc
commit d9d6bc4
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 6 deletions.
diff --git a/src/app/[locale]/locations/[place]/@program/default.tsx b/src/app/[locale]/locations/[place]/@program/default.tsx
@@ -32,7 +32,7 @@ export type ProgramProps = {
 
 function ProgramContainer({ children }: ReactNodeProps) {
   return (
-    <div className="h-contentpages overflow-y-scroll xs:col-span-2">
+    <div className="h-full xs:col-span-2 sm:h-contentpages sm:overflow-y-scroll">
       <div className="min-h-contentpages col-span-1 max-h-fit columns-1 items-start justify-start gap-0 bg-primary xs:col-span-2 md:columns-2">
         {children}
       </div>

diff --git a/src/app/[locale]/locations/[place]/page.tsx b/src/app/[locale]/locations/[place]/page.tsx
@@ -11,9 +11,9 @@ export default async function LocationsPage(props: LocationsPageProps) {
   const location = await getLocation(props.params.place);
 
   return (
-    <div className="col-span-3 h-contentpages w-full overflow-y-scroll overscroll-contain bg-primary p-border">
+    <div className="col-span-3 h-contentpages w-full bg-primary p-border sm:overflow-y-scroll sm:overscroll-contain">
       <LocationsMap mapCut={600} />
-      <div className="mt-border flex h-full items-start rounded-md bg-secondary p-border">
+      <div className="mt-border h-full items-start rounded-md bg-secondary p-border sm:flex">
         <Subnavigation location={location} />
         <Floorplan location={location} />
       </div>

diff --git a/src/app/[locale]/locations/components/floorplan/index.server.tsx b/src/app/[locale]/locations/components/floorplan/index.server.tsx
@@ -3,11 +3,11 @@ import Rooms from './rooms';
 
 export default function Floorplan({ location }: any) {
   return (
-    <div className="relative h-1/2 w-1/2 p-1">
+    <div className="relative h-1/2 p-1 sm:w-1/2">
       <Image
         fill
         alt="building background"
-        className="h-fit w-full object-contain"
+        className="-mt-7 h-fit w-full object-contain"
         placeholder="empty"
         src={`/assets/svg/map/ground_plan/popup/${location.image}.svg`}
       />

diff --git a/src/app/[locale]/locations/components/subnavigation/index.server.tsx b/src/app/[locale]/locations/components/subnavigation/index.server.tsx
@@ -5,7 +5,7 @@ import BuildingTitle from './title.server';
 export default async function Subnavigation({ location }: any) {
   const t = await getTranslations('Locations');
   return (
-    <div className="w-1/2 p-gutter-sm">
+    <div className="p-gutter-sm sm:w-1/2">
       <BuildingTitle location={location} />
       <SubLocation
         title={t('levels')}