Skip to content

Conversation

@Alameen688
Copy link
Collaborator

@Alameen688 Alameen688 commented Oct 4, 2025

Overview

Implemented design system based on Miro screenshot across authentication pages and dashboard pages

Key Changes

Sections affected

  • Signup, Login, Recover Password: Updated to match design screenshots with consistent dark theme
  • Layout: Moved titles/subtitles outside cards, added header dividers
  • Branding: Implemented Zap icon in blue circle across all auth pages
  • Input Fields: Added left-aligned icons and password visibility toggles
  • Colors: Migrated to custom CSS variables (sb-* system)

Layout and colors

  • Three-column layout: Left sidebar, main content, right sidebar (Project Settings)

  • Fixed elements: Header and right sidebar now sticky/fixed

  • Tab navigation: Consistent styling across course pages and quiz sessions

  • Color scheme:

    • Sidebars: #101827 (dark background)
    • Main content: #182130 (content background)
    • Cards/inputs: #1f2937 (surface background)
  • AppSidebar: Dynamic course list, fixed "New Project" button

  • ProjectSettings: Empty state with gear icon, document upload

  • Quiz Session: Integrated tab navigation matching course page layout

  • User Account: Moved to top header with dropdown menu

  • Theme management: Removed light/dark toggle, enforced single dark theme per Miro UI

  • Layout consistency: Fixed positioning for headers, sidebars, and tabs

  • Component reuse: Leveraged existing components for new layouts

Screenshots

Authentication Pages

pr sign up pr sign in recover password

Dashboard & Course Management

pr crreate project courses courses page quiz page

Comment on lines -22 to -31
op.create_table('chat',
sa.Column('message', sqlmodel.sql.sqltypes.AutoString(length=1024), nullable=True),
sa.Column('is_system', sa.Boolean(), nullable=False),
sa.Column('created_at', sa.DateTime(timezone=True), server_default=sa.text('now()'), nullable=False),
sa.Column('updated_at', sa.DateTime(), nullable=False),
sa.Column('id', sa.Uuid(), nullable=False),
sa.Column('course_id', sa.Uuid(), nullable=False),
sa.ForeignKeyConstraint(['course_id'], ['course.id'], ondelete='CASCADE'),
sa.PrimaryKeyConstraint('id')
)
Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I could revert this, but I needed it to get the fresh migrations to run on my end without issues with duplicate create chat table.

@michaelgichia
Copy link
Collaborator

@Alameen688 see this pr too, so that effort is not duplicated #33

@michaelgichia michaelgichia self-requested a review October 6, 2025 02:59
Copy link
Collaborator

@michaelgichia michaelgichia left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Reposting for visibility:

I really like your changes, but maybe we could add more as @ayodeji.moronkeji has mentioned.

  • Futuristic landing page
  • Mobile responsiveness
  • Style the components inside components/ui so that the changes are applied throughout the page.
  • Share screenshots of dark/light mode.
  • Don't remove the theme provider

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants