@@ -106,12 +106,12 @@ export default function UserSettings(props: { reload: boolean, setReload: Dispat
106106 }
107107
108108 return (
109- < div className = "lg :w-[40%] w-[80%] bg-[#1C212C] text-white sm:p-4 mb-12 lg :ml-16 ml-4 " >
109+ < div className = "xl :w-[40%] w-[80%] bg-[#1C212C] text-white sm:p-4 mb-12 xl :ml-16 ml-4 " >
110110 < div className = "w-full" >
111111 < h1 className = "md:text-5xl text-4xl font-bold text-gray-300 text-left mt-16" > Mein
112112 Studium</ h1 >
113113 < p className = "text-xl font-medium text-white text-left mt-3" > Mein Profil</ p >
114- < div className = "p-4 lg :mr-20 mr-8 mt-2" >
114+ < div className = "p-4 xl :mr-20 mr-8 mt-2" >
115115 { editProfile ? (
116116 < input
117117 id = "profileName"
@@ -127,22 +127,22 @@ export default function UserSettings(props: { reload: boolean, setReload: Dispat
127127 </ div >
128128 < div className = "mt-3 mb-8" >
129129 { editProfile ? (
130- < div className = { "flex items-center w-full gap-2 lg :pr-20 pr-8" } >
131- < CuteButton classname = "lg :text-base text-sm ml-auto" bgColor = { "#598BB1" }
130+ < div className = { "flex items-center w-full gap-2 xl :pr-20 pr-8" } >
131+ < CuteButton classname = "xl :text-base text-sm ml-auto" bgColor = { "#598BB1" }
132132 textColor = { "#e6ebfc" } onClick = { ( ) => editProfileMode ( false ) }
133133 text = "Abbrechen" />
134- < CuteButton classname = "lg :text-lg text-base" bgColor = { "#56A095" } textColor = { "#e8fcf6" }
134+ < CuteButton classname = "xl :text-xl text-base" bgColor = { "#56A095" } textColor = { "#e8fcf6" }
135135 onClick = { saveProfileModifications }
136136 text = "Speichern" />
137137 </ div >
138138 ) : (
139- < CuteButton bgColor = "#598BB1" classname = "lg :text-lg text-base" textColor = "#e6ebfc"
139+ < CuteButton bgColor = "#598BB1" classname = "xl :text-xl text-base" textColor = "#e6ebfc"
140140 text = "Profil verwalten" onClick = { ( ) => editProfileMode ( true ) } />
141141 ) }
142142
143143 </ div >
144144 < p className = "text-xl font-medium text-white text-left mt-3" > Aktuelle Module</ p >
145- < div className = "p-4 lg :mr-20 mr-8 mt-2" >
145+ < div className = "p-4 xl :mr-20 mr-8 mt-2" >
146146 < div className = "w-full border-collapse" >
147147 < div >
148148 { editModule ? (
@@ -196,16 +196,16 @@ export default function UserSettings(props: { reload: boolean, setReload: Dispat
196196 </ div >
197197 < div className = "mt-3" >
198198 { editModule ? (
199- < div className = { "flex items-center w-full gap-2 lg :pr-20 pr-8" } >
200- < CuteButton classname = "lg :text-base text-sm ml-auto" bgColor = { "#598BB1" }
199+ < div className = { "flex items-center w-full gap-2 xl :pr-20 pr-8" } >
200+ < CuteButton classname = "xl :text-base text-sm ml-auto" bgColor = { "#598BB1" }
201201 textColor = { "#e6ebfc" } onClick = { ( ) => editModulesMode ( false ) }
202202 text = "Abbrechen" />
203- < CuteButton classname = "lg :text-lg text-base" bgColor = { "#56A095" } textColor = { "#e8fcf6" }
203+ < CuteButton classname = "xl :text-xl text-base" bgColor = { "#56A095" } textColor = { "#e8fcf6" }
204204 onClick = { saveModules }
205205 text = "Speichern" />
206206 </ div >
207207 ) : (
208- < CuteButton bgColor = "#598BB1" classname = "lg :text-lg text-base" textColor = "#e6ebfc"
208+ < CuteButton bgColor = "#598BB1" classname = "xl :text-xl text-base" textColor = "#e6ebfc"
209209 text = "Module verwalten" onClick = { ( ) => editModulesMode ( true ) } />
210210 ) }
211211 </ div >
0 commit comments