페이지오류 수정 .htaccess 추가
This commit is contained in:
parent
4059c194c5
commit
058f427072
8
public/.htaccess
Normal file
8
public/.htaccess
Normal file
@ -0,0 +1,8 @@
|
|||||||
|
<IfModule mod_rewrite.c>
|
||||||
|
RewriteEngine On
|
||||||
|
RewriteBase /
|
||||||
|
RewriteRule ^index\.html$ - [L]
|
||||||
|
RewriteCond %{REQUEST_FILENAME} !-f
|
||||||
|
RewriteCond %{REQUEST_FILENAME} !-d
|
||||||
|
RewriteRule . /index.html [L]
|
||||||
|
</IfModule>
|
||||||
BIN
src/assets/logo.png
Normal file
BIN
src/assets/logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 487 KiB |
@ -1,5 +1,6 @@
|
|||||||
import { useState } from 'react';
|
import { useState } from 'react';
|
||||||
import { Link } from 'react-router-dom';
|
import { Link } from 'react-router-dom';
|
||||||
|
import logo from '../assets/logo.png';
|
||||||
|
|
||||||
const Navbar = () => {
|
const Navbar = () => {
|
||||||
const [isOpen, setIsOpen] = useState(false);
|
const [isOpen, setIsOpen] = useState(false);
|
||||||
@ -11,7 +12,10 @@ const Navbar = () => {
|
|||||||
return (
|
return (
|
||||||
<nav className="navbar">
|
<nav className="navbar">
|
||||||
<div className="container navbar-container">
|
<div className="container navbar-container">
|
||||||
<Link to="/about" className="logo">Sokuree Consultant</Link>
|
<Link to="/about" className="logo">
|
||||||
|
<img src={logo} alt="Sokuree Logo" className="logo-image" />
|
||||||
|
Sokuree Consultant
|
||||||
|
</Link>
|
||||||
|
|
||||||
<div className={`nav-links ${isOpen ? 'active' : ''}`}>
|
<div className={`nav-links ${isOpen ? 'active' : ''}`}>
|
||||||
<Link to="/about" onClick={toggleMenu}>회사소개</Link>
|
<Link to="/about" onClick={toggleMenu}>회사소개</Link>
|
||||||
|
|||||||
@ -85,9 +85,18 @@ body {
|
|||||||
|
|
||||||
.logo {
|
.logo {
|
||||||
font-size: 1.5rem;
|
font-size: 1.5rem;
|
||||||
font-weight: bold;
|
font-weight: 700;
|
||||||
color: var(--primary-color);
|
color: var(--primary-color);
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
|
display: flex !important;
|
||||||
|
align-items: center;
|
||||||
|
gap: 0.75rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo-image {
|
||||||
|
height: 45px;
|
||||||
|
width: auto;
|
||||||
|
object-fit: contain;
|
||||||
}
|
}
|
||||||
|
|
||||||
.nav-links a {
|
.nav-links a {
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user