Changeset ba52069 for src/app/professor


Ignore:
Timestamp:
02/13/26 19:32:02 (7 months ago)
Author:
Stefan-Saveski <stefansaveski19@…>
Branches:
master
Children:
d7deae5
Parents:
50f2fb4
Message:

Added dark theme.

Location:
src/app/professor
Files:
2 edited

Legend:

Unmodified
Added
Removed

  • src/app/professor/profile/page.tsx

    r50f2fb4 rba52069  
    9898  const { t } = useTranslation();
    9999  return (
    100     <div className="flex justify-between items-center py-3 border-b border-gray-100 last:border-b-0">
    101       <div className="flex items-center gap-2 text-gray-600 font-medium">
     100    <div className="flex justify-between items-center py-3 border-b border-border last:border-b-0">
     101      <div className="flex items-center gap-2 text-muted-foreground font-medium">
    102102        {icon && <FontAwesomeIcon icon={icon} className="w-4 h-4" />}
    103103        <span>{t(label)}:</span>
    104104      </div>
    105       <div className="text-gray-900 font-semibold text-right max-w-xs break-words">
     105      <div className="text-card-foreground font-semibold text-right max-w-xs break-words">
    106106        {value || t('n_a')}
    107107      </div>
    … …  
    119119  const { t } = useTranslation();
    120120  return (
    121     <div className="bg-white rounded-xl shadow-sm border border-gray-100 overflow-hidden">
     121    <div className="bg-card rounded-xl shadow-sm border border-border overflow-hidden">
    122122      <div className="bg-primary text-white px-6 py-4">
    123123        <div className="flex items-center gap-3">
    … …  
    185185    return (
    186186      <div className="min-h-screen pb-8">
    187         <div className="bg-white rounded-xl shadow-sm border border-gray-100 p-6">{t('loading')}</div>
     187        <div className="bg-card rounded-xl shadow-sm border border-border p-6">{t('loading')}</div>
    188188      </div>
    189189    );
    … …  
    208208        <div className="flex items-center gap-6">
    209209          <div className="relative">
    210             <div className="w-20 h-20 bg-white bg-opacity-20 rounded-full flex items-center justify-center border-2 border-white border-opacity-30">
    211               <FontAwesomeIcon icon={faUser} className="text-3xl text-primary" />
     210            <div className="w-20 h-20 bg-white rounded-full flex items-center justify-center border-2 border-white shadow-lg">
     211              <FontAwesomeIcon icon={faUser} className="text-3xl text-[#0272D1]" />
    212212            </div>
    213213            <div className="absolute -bottom-1 -right-1 w-6 h-6 bg-green-500 rounded-full border-2 border-white"></div>

  • src/app/professor/students/page.tsx

    r50f2fb4 rba52069  
    129129
    130130  return (
    131     <div className="bg-white rounded-xl shadow-sm border border-gray-200 p-6">
     131    <div className="bg-card rounded-xl shadow-sm border border-border p-6">
    132132      <div className="flex flex-col gap-4 md:flex-row md:items-end md:justify-between">
    133133
    134134        <div>
    135           <h1 className="text-2xl font-semibold text-gray-900">{t('prof_students_title')}</h1>
    136           <p className="text-gray-700 mt-1">
     135          <h1 className="text-2xl font-semibold text-card-foreground">{t('prof_students_title')}</h1>
     136          <p className="text-muted-foreground mt-1">
    137137            {t('prof_students_data_note')} <span className="font-mono">/api/prof/students</span> (demo store).
    138138          </p>
    … …  
    141141        <div className="flex flex-col sm:flex-row gap-3">
    142142          <div className="flex flex-col">
    143             <label className="text-sm text-gray-700">{t('filter_by_subject')}</label>
     143            <label className="text-sm text-muted-foreground">{t('filter_by_subject')}</label>
    144144            <select
    145               className="border border-gray-300 rounded-lg px-3 py-2"
     145              className="border border-border rounded-lg px-3 py-2"
    146146              value={subjectFilter}
    147147              onChange={(e) => setSubjectFilter(e.target.value)}
    … …  
    159159
    160160          <div className="flex flex-col">
    161             <label className="text-sm text-gray-700">{t('find_student_by_id')}</label>
     161            <label className="text-sm text-muted-foreground">{t('find_student_by_id')}</label>
    162162            <input
    163               className="border border-gray-300 rounded-lg px-3 py-2"
     163              className="border border-border rounded-lg px-3 py-2"
    164164              placeholder={t('student_id_placeholder')}
    165165              value={studentIdQuery}
    … …  
    177177
    178178      <div className="mt-6 overflow-x-auto">
    179         <table className="min-w-full border border-gray-200 rounded-lg overflow-hidden">
    180           <thead className="bg-gray-50">
     179        <table className="min-w-full border border-border rounded-lg overflow-hidden">
     180          <thead className="bg-accent">
    181181            <tr>
    182               <th className="text-left text-sm font-semibold text-gray-700 px-4 py-3 border-b">{t('student')}</th>
    183               <th className="text-left text-sm font-semibold text-gray-700 px-4 py-3 border-b">{t('id')}</th>
    184               <th className="text-left text-sm font-semibold text-gray-700 px-4 py-3 border-b">{t('subject')}</th>
    185               <th className="text-left text-sm font-semibold text-gray-700 px-4 py-3 border-b">{t('grade')}</th>
    186               <th className="text-left text-sm font-semibold text-gray-700 px-4 py-3 border-b">{t('actions')}</th>
     182              <th className="text-left text-sm font-semibold text-muted-foreground px-4 py-3 border-b">{t('student')}</th>
     183              <th className="text-left text-sm font-semibold text-muted-foreground px-4 py-3 border-b">{t('id')}</th>
     184              <th className="text-left text-sm font-semibold text-muted-foreground px-4 py-3 border-b">{t('subject')}</th>
     185              <th className="text-left text-sm font-semibold text-muted-foreground px-4 py-3 border-b">{t('grade')}</th>
     186              <th className="text-left text-sm font-semibold text-muted-foreground px-4 py-3 border-b">{t('actions')}</th>
    187187            </tr>
    188188          </thead>
    … …  
    190190            {loading ? (
    191191              <tr>
    192                 <td className="px-4 py-4 text-gray-700" colSpan={5}>
     192                <td className="px-4 py-4 text-muted-foreground" colSpan={5}>
    193193                  {t('loading')}
    194194                </td>
    … …  
    196196            ) : filteredRows.length === 0 ? (
    197197              <tr>
    198                 <td className="px-4 py-4 text-gray-700" colSpan={5}>
     198                <td className="px-4 py-4 text-muted-foreground" colSpan={5}>
    199199                  {t('no_students_found')}
    200200                </td>
    … …  
    207207
    208208                return (
    209                   <tr key={key} className="hover:bg-gray-50">
    210                     <td className="px-4 py-3 border-b text-gray-900">{r.studentName}</td>
    211                     <td className="px-4 py-3 border-b text-gray-900">{r.studentIdStr}</td>
    212                     <td className="px-4 py-3 border-b text-gray-900">{r.subjectName}</td>
     209                  <tr key={key} className="hover:bg-accent">
     210                    <td className="px-4 py-3 border-b text-card-foreground">{r.studentName}</td>
     211                    <td className="px-4 py-3 border-b text-card-foreground">{r.studentIdStr}</td>
     212                    <td className="px-4 py-3 border-b text-card-foreground">{r.subjectName}</td>
    213213                    <td className="px-4 py-3 border-b">
    214214                      <div className="flex items-center gap-3">
    215215                        <select
    216                           className="border border-gray-300 rounded-lg px-3 py-2"
     216                          className="border border-border rounded-lg px-3 py-2"
    217217                          value={selected}
    218218                          onChange={(e) =>
    … …  
    229229                          ))}
    230230                        </select>
    231                         <span className="text-sm text-gray-600">
     231                        <span className="text-sm text-muted-foreground">
    232232                          {t('current')}: {r.grade > 0 ? r.grade : t('none')}
    233233                        </span>
Note: See TracChangeset for help on using the changeset viewer.