Changeset 38775


Ignore:
Timestamp:
2024-02-24T14:06:39+13:00 (4 months ago)
Author:
davidb
Message:

CSS/Image styling changes to better integrate with the main The Willow DL

Location:
gs3-installations/thewillow/trunk/sites/thewillow/dlcol-chatgpt/react-gui
Files:
3 added
4 edited

Legend:

Unmodified
Added
Removed

  • gs3-installations/thewillow/trunk/sites/thewillow/dlcol-chatgpt/react-gui/pages/index.tsx

    r38752 r38775  
    9898    <>
    9999      <Head>
    100         <title>Chat UI</title>
    101         <meta name="description" content="OpenAI interface" />
     100        <title>Willow Sage</title>
     101        <meta name="description" content="Willow Sage based OpenAI ChatGPT interface" />
    102102        <meta name="viewport" content="width=device-width, initial-scale=1" />
    103103        <link rel="icon" href="/favicon.ico" />
    104104      </Head>
    105       <div className={styles.topnav}>
    106         <div className={styles.navlogo}>
    107           <Link href="/">Chat UI</Link>
    108         </div>
    109         <div className={styles.navlinks}>
    110           <a
    111             href="https://platform.openai.com/docs/models/gpt-4"
    112             target="_blank"
    113           >
    114             Docs
    115           </a>
    116          
    117         </div>
    118       </div>
    119105      <main className={styles.main}>
    120106        <div className={styles.cloud}>
    … …  
    138124                  {message.role === "assistant" ? (
    139125                    <Image
    140                       src="/openai.png"
     126                      src="/willowgirl.png"
    141127                      alt="AI"
    142128                      width="30"

  • gs3-installations/thewillow/trunk/sites/thewillow/dlcol-chatgpt/react-gui/styles/Home.module.css

    r38752 r38775  
    44  justify-content: space-between;
    55  align-items: center;
    6   padding: 2rem;
     6  padding: 0.5rem 2rem 0.5rem 2rem;
    77}
    88
    … …  
    6565  font-size: 1.1rem;
    6666  padding: 1rem 2rem 1rem 2rem;
    67   width: 75vw;
     67  width: 95vw;
    6868  border-radius: 0.5rem;
    6969  border: 1px solid #30373d;
    70   background: #0e1524;
    71   color: #ECECF1;
     70  /*background: #0e1524;
     71  color: #ECECF1; */
     72  color: #312e25;
     73  background: #ffffff;
     74
    7275  outline: none;
    7376}
    … …  
    131134
    132135.usermessage {
    133   background: #0e1524;
    134136  padding: 1.5rem;
    135   color: #ECECF1;
     137  /*background: #0e1524;
     138  color: #ECECF1; */
     139  color: #312e25;
     140  background: #ffffff;
     141
    136142}
    137143
    138144.usermessagewaiting{
    139145  padding: 1.5rem;
    140   color: #ECECF1;
    141   background: linear-gradient(to left, #0e1524, #172036, #0e1524);
     146  /* color: #ECECF1; */
     147  color: #312e25;
     148  /* background: linear-gradient(to left, #0e1524, #172036, #0e1524);*/
     149  background: linear-gradient(to left, #EEEEEE, #FFFFFF, #EEEEEE);
    142150  background-size: 200% 200%;
    143151  background-position: -100% 0;
    … …  
    157165
    158166.apimessage {
    159   background: #1d2333;
    160167  padding: 1.5rem;
    161   color: #ECECF1;
     168  /* background: #1d2333;
     169  color: #ECECF1; */
     170  color: #312e25;
     171  background: #ffffff;
    162172  animation: fadein 0.5s;
    163173}
    … …  
    215225
    216226.cloud {
    217   width: 75vw;
     227  width: 95vw;
    218228  height: 65vh;
    219   background: #0e1524;
     229  /* background: #0e1524; */
     230  background: #FFFFFF;
    220231  border-radius: 0.5rem;
    221232  border: 1px solid #30373d;

  • gs3-installations/thewillow/trunk/sites/thewillow/dlcol-chatgpt/react-gui/styles/globals.css

    r38752 r38775  
    1515
    1616body {
    17   color: snow;
    18   background: #0e1524;
     17  color: #312e25;
     18  background: #ffffff;
    1919}
    2020
Note: See TracChangeset for help on using the changeset viewer.