Changeset 44a42b8 for frontend/src


Ignore:
Timestamp:
02/06/26 22:39:32 (5 months ago)
Author:
Andrej <asumanovski@…>
Branches:
master
Children:
59ed25c
Parents:
72053b5
Message:

Set up tailwind

Location:
frontend/src
Files:
1 added
3 edited

Legend:

Unmodified
Added
Removed

  • frontend/src/App.css

    r72053b5 r44a42b8  
    1 #root {
    2   max-width: 1280px;
    3   margin: 0 auto;
    4   padding: 2rem;
    5   text-align: center;
    6 }
    71
    8 .logo {
    9   height: 6em;
    10   padding: 1.5em;
    11   will-change: filter;
    12   transition: filter 300ms;
    13 }
    14 .logo:hover {
    15   filter: drop-shadow(0 0 2em #646cffaa);
    16 }
    17 .logo.react:hover {
    18   filter: drop-shadow(0 0 2em #61dafbaa);
    19 }
    20 
    21 @keyframes logo-spin {
    22   from {
    23     transform: rotate(0deg);
    24   }
    25   to {
    26     transform: rotate(360deg);
    27   }
    28 }
    29 
    30 @media (prefers-reduced-motion: no-preference) {
    31   a:nth-of-type(2) .logo {
    32     animation: logo-spin infinite 20s linear;
    33   }
    34 }
    35 
    36 .card {
    37   padding: 2em;
    38 }
    39 
    40 .read-the-docs {
    41   color: #888;
    42 }

  • frontend/src/App.jsx

    r72053b5 r44a42b8  
    1 import { useState } from 'react'
    2 import reactLogo from './assets/react.svg'
    3 import viteLogo from '/vite.svg'
    4 import './App.css'
     1import LandingPage from "./pages/LandingPage.jsx";
    52
    63function App() {
    7   const [count, setCount] = useState(0)
    8 
    9   return (
    10     <>
    11       <div>
    12         <a href="https://vite.dev" target="_blank">
    13           <img src={viteLogo} className="logo" alt="Vite logo" />
    14         </a>
    15         <a href="https://react.dev" target="_blank">
    16           <img src={reactLogo} className="logo react" alt="React logo" />
    17         </a>
    18       </div>
    19       <h1>Vite + React</h1>
    20       <div className="card">
    21         <button onClick={() => setCount((count) => count + 1)}>
    22           count is {count}
    23         </button>
    24         <p>
    25           Edit <code>src/App.jsx</code> and save to test HMR
    26         </p>
    27       </div>
    28       <p className="read-the-docs">
    29         Click on the Vite and React logos to learn more
    30       </p>
    31     </>
    32   )
     4  return <LandingPage />;
    335}
    346
    35 export default App
     7export default App;

  • frontend/src/index.css

    r72053b5 r44a42b8  
     1@import "tailwindcss";
     2
    13:root {
    24  font-family: system-ui, Avenir, Helvetica, Arial, sans-serif;
Note: See TracChangeset for help on using the changeset viewer.