Skip to content

Commit

Permalink
Fix: 반응형 header background-color 변경
Browse files Browse the repository at this point in the history
  • Loading branch information
@hyunji-lee99
hyunji-lee99 committed Nov 15, 2023
1 parent dadec42 commit 2d0216d
Show file tree
Hide file tree
Showing 2 changed files with 63 additions and 50 deletions.
105 changes: 57 additions & 48 deletions .firebase/hosting.YnVpbGQ.cache
View file
Original file line number Diff line number Diff line change
@@ -1,48 +1,57 @@
asset-manifest.json,1700008372049,5f4f0fabca59d1d7d91c664902a8e094a2c01ea00028e55b83f3e2fcb1860f06
index.html,1700008372049,3612a8cb27d9f3cb10009cb597009578c9fda945c48f156093bf5a049af5714a
robots.txt,1700008363967,391d14b3c2f8c9143a27a28c7399585142228d4d1bdbe2c87ac946de411fa9a2
images/board/snowman.png,1700008363874,9cc2e6f125dc0f5774292c6f54b1d241701fafddcc35bb73e4b78c474f47c892
images/intro/wave.svg,1700008363875,6151d95838f42150e8c78e0c3973747e09ccd76be9fc84af17ed6ac457bd6de1
images/board/write.png,1700008363874,5473773d23481ebdd97943f540d4da1d27efddca99c7bcb522b1080ac8c0a15b
images/skillset/arrow.png,1700008363955,f43a1625e422049c809d51f92a186fb9096a69f4fc412cf2e0330dcf804867f7
images/skillset/css3.svg,1700008363955,811935f4f923aaaaf32657099da4c6b2479b7223925c578d4a2c54346efee5aa
images/skillset/firebase.svg,1700008363956,e72d249bc93151e9cc0d0b1759c38db6a058097269b074d46edafd674abacabc
images/skillset/figma.svg,1700008363956,429f024f6e8927d7aa6af473a8c83f56f97239788c48ecaafde378144aab6483
images/skillset/github.svg,1700008363956,8a7e2d52d47289ea7d8aafe2ef74805aa7c0a142c2dfa3e0d26729822514e106
images/skillset/django.svg,1700008363955,80a481dd97dd5c2c020e6d669c664cc600805d305156af3cd4a69f78bd2533a2
images/skillset/js.svg,1700008363956,59c30d67021f35934f46ba864a2a9895b9e718e58b28c1d2f8e3ec481d55782e
images/skillset/html.svg,1700008363956,3f9690a7d12e4e6a9547029700af6182af5a649478f9d52ee50bb4221252adb1
images/skillset/python.svg,1700008363957,12ce1785f64589d3ff06296f4aae99507b460a780420cac766440cead01549c9
images/skillset/slack.svg,1700008363965,b53b44465c98a16a8cb00e41ba1b74e1da7831cfebd452f937d1e1d249a55dfc
images/skillset/react.svg,1700008363957,9a6a3af9cd8950b71d5222495d285326b2e603d3bc8d10f18f3e0cfa0a434f41
images/skillset/ts.svg,1700008363966,1181a5aeee960fa5e8f13df3a4e2be54fa324aef32e29281fc617470f688dd29
images/skillset/qnet.svg,1700008363957,13de1d298717d37cc8732ff92a94f31131b99e58b184307f18bc94a83f92e8a3
images/skillset/zeplin.svg,1700008363966,7e318a83c540f699d820e217dfbea626f5b40f1ecea1ea85a93de8fc5b65c0a1
images/skillset/styled-components.svg,1700008363965,5384e068549ad22dbfd59d421aa3434ab6c76c72d0b339f7d63fe4d9b7dd8e88
static/css/main.43ab9f8e.css.map,1700008372066,d5c98c9051147fa26ceca15c69e8fc1675a7387041d557b42ed6fea24b68f350
static/js/main.8d158dfd.js.LICENSE.txt,1700008372066,cd5416542907cd17a5a0433b74fd8fbe4b37e2ec21b8636c57dd54ffa5fdf267
images/skillset/sqld.svg,1700008363965,e2a8d0b40e96c2d3844d200d1bcebe64f97ece72800d1cd31e6413cd7c4106ac
static/css/main.43ab9f8e.css,1700008372066,a1f22ab015b278105326b876a18cd6941cc4a487cc1a1bb6a4257c2878e2c19c
images/board/message_bubble.png,1700008363873,e73ba70bf7456717ad0998c131dd1f9b8b5751bdb2b3ab95c9dacdd35ebb4959
logo.svg,1700008363967,0765f2bdc493af04ef7819d6a3395430138973cb0599cb016b0aba1f84396afe
static/media/SUITE-Regular.680ae46430dcc1be483d.otf,1700008372066,96be007d3c4e799ae9c5b282e6c41cdcb24b8621ab9bebfb4d2d3988ea40bf8c
static/media/SUITE-Bold.e22c698474e4f4301302.otf,1700008372066,bd924b000f9a5f9543b042cd934d0a215936249a370f2e6af6b3c31ed066cc5c
static/js/main.8d158dfd.js,1700008372067,fe5602f2861c3a8946f0bb8da53ba26e958d25570700d0a9e1dbc27428dd4fb9
images/project/portfolio/portfolio-1.png,1700008363954,20fd5479ca8fada9b60e33651a05982578ea370d8157b8671674b943169dabc3
images/project/artistella/artistella-2.png,1700008363880,0dad5fd038e906abc21c27a83cd6e252a9d974c56602d163834f835ddbc9010b
images/project/artistella/artistella-3.png,1700008363881,ebde0de43eb3f3d0b0e8814a64c81fe6b98f29ed1eaeaeac80c324c29a1abf5e
images/project/hallo/hallo-7.png,1700008363907,9fdcd7800360783fa4e45795aac973a3a4deed651ce8bca3a8de8a344990d170
images/project/hallo/hallo-6.png,1700008363905,222fa0af81c331f33c58b9b70f5038200f454b2e1b9e4b74535a84c9b967a061
images/project/nxdflotto/lotto-5.png,1700008363952,6453834769c94fa38ad2676b6f8857e2e32d7f0f0dd7984fbde06baf2e173377
images/project/hallo/hallo-4.png,1700008363897,a5acde0b2d0058da2824d88678f335af0da24fa47418b8943e63ec738a53b98c
images/project/hallo/hallo-2.png,1700008363889,80a3b1d977a8bb38705658e71f64b54028a6fa31c438965b64f4ec6d902b3d09
images/project/hallo/hallo-1.png,1700008363886,91e778d3f29245cb0f7e5587f49647f8e2c312ad7172cd5388d2e69dea87fc85
images/project/hallo/hallo-3.png,1700008363895,9ec68e8fdf63e734ad783eb57ac06cb957f93b2969bdfdc4378b5d978d47bd37
images/project/artistella/artistella-1.png,1700008363879,b503ddc090abb0eee498c9a6626a03b1d5d9cb83f889b105f3894ffd0e3c9523
images/project/hallo/hallo-5.png,1700008363902,a469866cb61e92e1c388e751f65836d331e43ecfea9721e4a1179c51bea9b125
images/project/nxdflotto/lotto-3.png,1700008363937,575dcadaee72b157d17ece976975e7fc7558335c389875c6459ec440f5332aab
images/project/nxdflotto/lotto-4.png,1700008363945,db1cff59d358f9bdf2c9777d26a7d98fb21c88fc137b13a058502e71c8a0e69d
images/project/nxdflotto/lotto-2.png,1700008363927,0a272cd644bd2f843a6dfce085a02eed632283887747aceee2701bec89c2391f
images/project/nxdflotto/lotto-1.png,1700008363916,cdfb205bc93e8e94358ce1147ca6d69d5008fca2b294d349eb46932c77d447c3
static/js/main.8d158dfd.js.map,1700008372066,cf4c2ff07fbc6413794a0eef498474d97f5e7234b8cbaf030da1798a17432d99
static/media/EF_jejudoldam.d02e2b7a6d2b97821dfb.otf,1700008372067,6be32030a0f7165c88b2c3a5a0930bdaf2bae0e5450c7a9cda2af26f737d5abc
asset-manifest.json,1700075743401,19cf135ba51e7e8734ffc8c87a53eeba5f05cdaef36c64db320e99b77ec192a6
index.html,1700075743401,ee3560682a20fe2b914fe625a4fdac442b6087837d00af71603e209cfd3e08f6
robots.txt,1700075735202,391d14b3c2f8c9143a27a28c7399585142228d4d1bdbe2c87ac946de411fa9a2
images/intro/wave.svg,1700075735128,6151d95838f42150e8c78e0c3973747e09ccd76be9fc84af17ed6ac457bd6de1
images/board/write.png,1700075735128,5473773d23481ebdd97943f540d4da1d27efddca99c7bcb522b1080ac8c0a15b
images/board/snowman.png,1700075735128,9cc2e6f125dc0f5774292c6f54b1d241701fafddcc35bb73e4b78c474f47c892
images/skillset/arrow.png,1700075735199,f43a1625e422049c809d51f92a186fb9096a69f4fc412cf2e0330dcf804867f7
images/skillset/css3.svg,1700075735199,811935f4f923aaaaf32657099da4c6b2479b7223925c578d4a2c54346efee5aa
images/skillset/django.svg,1700075735199,80a481dd97dd5c2c020e6d669c664cc600805d305156af3cd4a69f78bd2533a2
images/skillset/figma.svg,1700075735199,429f024f6e8927d7aa6af473a8c83f56f97239788c48ecaafde378144aab6483
images/skillset/github.svg,1700075735200,8a7e2d52d47289ea7d8aafe2ef74805aa7c0a142c2dfa3e0d26729822514e106
images/skillset/firebase.svg,1700075735200,e72d249bc93151e9cc0d0b1759c38db6a058097269b074d46edafd674abacabc
images/skillset/html.svg,1700075735200,3f9690a7d12e4e6a9547029700af6182af5a649478f9d52ee50bb4221252adb1
images/skillset/js.svg,1700075735200,59c30d67021f35934f46ba864a2a9895b9e718e58b28c1d2f8e3ec481d55782e
images/skillset/slack.svg,1700075735201,b53b44465c98a16a8cb00e41ba1b74e1da7831cfebd452f937d1e1d249a55dfc
images/skillset/qnet.svg,1700075735200,13de1d298717d37cc8732ff92a94f31131b99e58b184307f18bc94a83f92e8a3
images/skillset/python.svg,1700075735200,12ce1785f64589d3ff06296f4aae99507b460a780420cac766440cead01549c9
images/skillset/react.svg,1700075735200,9a6a3af9cd8950b71d5222495d285326b2e603d3bc8d10f18f3e0cfa0a434f41
images/skillset/styled-components.svg,1700075735201,5384e068549ad22dbfd59d421aa3434ab6c76c72d0b339f7d63fe4d9b7dd8e88
images/skillset/ts.svg,1700075735201,1181a5aeee960fa5e8f13df3a4e2be54fa324aef32e29281fc617470f688dd29
static/css/main.43ab9f8e.css,1700075743419,a1f22ab015b278105326b876a18cd6941cc4a487cc1a1bb6a4257c2878e2c19c
images/skillset/zeplin.svg,1700075735201,7e318a83c540f699d820e217dfbea626f5b40f1ecea1ea85a93de8fc5b65c0a1
images/skillset/sqld.svg,1700075735201,e2a8d0b40e96c2d3844d200d1bcebe64f97ece72800d1cd31e6413cd7c4106ac
images/board/message_bubble.png,1700075735128,e73ba70bf7456717ad0998c131dd1f9b8b5751bdb2b3ab95c9dacdd35ebb4959
static/css/main.43ab9f8e.css.map,1700075743419,d5c98c9051147fa26ceca15c69e8fc1675a7387041d557b42ed6fea24b68f350
static/js/main.763d9e7c.js.LICENSE.txt,1700075743419,cd5416542907cd17a5a0433b74fd8fbe4b37e2ec21b8636c57dd54ffa5fdf267
logo.svg,1700075735202,0765f2bdc493af04ef7819d6a3395430138973cb0599cb016b0aba1f84396afe
images/project/qrcode/qrcode-3.png,1700075735195,94e6fc25fb240bc7a2f48f44568e0d547a087b26acc97a3b9ef3e3f90109d88a
images/project/qrcode/qrcode-4.png,1700075735197,d94c0988f712fe864bfaee1042d471d817df655598d4ca37201a64ec33cc989c
images/project/portfolio/portfolio-2.png,1700075735186,7c48f1ba3be77b880c812222ac42b7e5c46bbcc72bfa3b5852a4786076903e69
images/project/qrcode/qrcode-6.png,1700075735198,1bcfd5dccbf4ce13a6e63e60199186273da536ebabc2355ed97081cb4e6989ae
images/project/qrcode/qrcode-5.png,1700075735198,583565fb8241b20306afc73691c957f3b595767d2f4109c893644501ab239255
images/project/qrcode/qrcode-2.png,1700075735194,266ae5909a9d6a3c682e56d1e4d92152ccc981c6527ae3c85bfb9be097d4fcba
static/media/SUITE-Bold.e22c698474e4f4301302.otf,1700075743420,bd924b000f9a5f9543b042cd934d0a215936249a370f2e6af6b3c31ed066cc5c
static/media/SUITE-Regular.680ae46430dcc1be483d.otf,1700075743420,96be007d3c4e799ae9c5b282e6c41cdcb24b8621ab9bebfb4d2d3988ea40bf8c
images/project/portfolio/portfolio-1.png,1700075735185,20fd5479ca8fada9b60e33651a05982578ea370d8157b8671674b943169dabc3
static/js/main.763d9e7c.js,1700075743420,e227d7ec7dba48c5929f53f5519296df11353d8ec9e33d96d5a9504fec9e1f60
images/project/portfolio/portfolio-3.png,1700075735187,3724e1895e088e4bd7359c261016e6defa222ecfed407ab0b7a3c43f3cce21c2
images/project/artistella/artistella-2.png,1700075735133,0dad5fd038e906abc21c27a83cd6e252a9d974c56602d163834f835ddbc9010b
images/project/artistella/artistella-3.png,1700075735135,ebde0de43eb3f3d0b0e8814a64c81fe6b98f29ed1eaeaeac80c324c29a1abf5e
images/project/hallo/hallo-7.png,1700075735155,9fdcd7800360783fa4e45795aac973a3a4deed651ce8bca3a8de8a344990d170
images/project/portfolio/portfolio-4.png,1700075735188,7de4cf2aa0618bf5c8324a40d5fa4ecf6fe58435028259aaab3134c4740bbd84
images/project/hallo/hallo-6.png,1700075735152,222fa0af81c331f33c58b9b70f5038200f454b2e1b9e4b74535a84c9b967a061
images/project/nxdflotto/lotto-5.png,1700075735184,6453834769c94fa38ad2676b6f8857e2e32d7f0f0dd7984fbde06baf2e173377
images/project/hallo/hallo-4.png,1700075735146,a5acde0b2d0058da2824d88678f335af0da24fa47418b8943e63ec738a53b98c
images/project/hallo/hallo-2.png,1700075735141,80a3b1d977a8bb38705658e71f64b54028a6fa31c438965b64f4ec6d902b3d09
images/project/hallo/hallo-1.png,1700075735139,91e778d3f29245cb0f7e5587f49647f8e2c312ad7172cd5388d2e69dea87fc85
images/project/hallo/hallo-3.png,1700075735144,9ec68e8fdf63e734ad783eb57ac06cb957f93b2969bdfdc4378b5d978d47bd37
images/project/artistella/artistella-1.png,1700075735131,b503ddc090abb0eee498c9a6626a03b1d5d9cb83f889b105f3894ffd0e3c9523
images/project/hallo/hallo-5.png,1700075735150,a469866cb61e92e1c388e751f65836d331e43ecfea9721e4a1179c51bea9b125
images/project/qrcode/qrcode-1.png,1700075735192,db7354f34c689303e728ee3f5587920f194ffe0639adc76e3db75e883e0c1930
images/project/nxdflotto/lotto-4.png,1700075735180,db1cff59d358f9bdf2c9777d26a7d98fb21c88fc137b13a058502e71c8a0e69d
images/project/nxdflotto/lotto-3.png,1700075735174,575dcadaee72b157d17ece976975e7fc7558335c389875c6459ec440f5332aab
images/project/nxdflotto/lotto-2.png,1700075735168,0a272cd644bd2f843a6dfce085a02eed632283887747aceee2701bec89c2391f
images/project/nxdflotto/lotto-1.png,1700075735160,cdfb205bc93e8e94358ce1147ca6d69d5008fca2b294d349eb46932c77d447c3
static/js/main.763d9e7c.js.map,1700075743419,cd4241bf6a7bc6d8af3f6d1d6aa0c02767eb7de86661f044260c4c81fa243e2a
static/media/EF_jejudoldam.d02e2b7a6d2b97821dfb.otf,1700075743419,6be32030a0f7165c88b2c3a5a0930bdaf2bae0e5450c7a9cda2af26f737d5abc
8 changes: 6 additions & 2 deletions src/components/HeaderMenu.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -18,6 +18,10 @@ const HeaderDiv = styled.div`
justify-content:space-between;
font-family:'jejudoldam';
backdrop-filter:blur(3px);
-webkit-backdrop-filter:blur(3px);
&.responsive{
background-color:white;
}
@media screen and (max-width:900px){
padding:0;
position:sticky;
Expand Down Expand Up @@ -74,7 +78,7 @@ const RespMenuUnderLogo=styled.ul`
text-align:center;
top:100px;
z-index:3;
/* backdrop-filter:blur(3px); */
background-color:white;
font-family:"SUITE-Bold";
@media screen and (min-width:900px){
display:none;
Expand Down Expand Up @@ -122,7 +126,7 @@ const HeaderMenu=(prop:HeaderMenuProps)=>{
}
}
return (
<HeaderDiv>
<HeaderDiv className={respMenu?"responsive":""}>
<Logo onClick={onClickIntro}>HYUNJI</Logo>
{respMenu?
<RespMenuUnderLogo>
Expand Down

0 comments on commit 2d0216d

Please sign in to comment.