Skip to content

Commit

Permalink
1.0.1 version update
Browse files Browse the repository at this point in the history
  • Loading branch information
정은정 committed Jan 13, 2025
1 parent 2ce6484 commit d8e1640
Show file tree
Hide file tree
Showing 261 changed files with 9,418 additions and 12,230 deletions.
2 changes: 1 addition & 1 deletion html/code/breadcrumb.html
View file
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
<!-- breadcrumb -->
<nav class="krds-breadcrumb-wrap" aria-label="브레드크럼">
<nav class="krds-breadcrumb-wrap" aria-label="현재 경로" id="breadcrumb">
<ol class="breadcrumb">
<li class="home"><a href="#" class="txt">홈</a></li>
<li><a href="#" class="txt">서비스 신청</a></li>
Expand Down
6 changes: 1 addition & 5 deletions html/code/button_icon.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,10 +3,6 @@
<span class="sr-only">검색</span>
<i class="svg-icon ico-sch"></i>
</button>
<button type="button" class="krds-btn icon xsmall">
<span class="sr-only">상세내용 확인</span>
<i class="svg-icon ico-info"></i>
</button>
<button type="button" class="krds-btn icon medium">
<span class="sr-only">입력한 비밀번호 보기</span>
<i class="svg-icon ico-pw-visible"></i>
Expand All @@ -15,7 +11,7 @@
<span class="sr-only">도움말</span>
<i class="svg-icon ico-help"></i>
</button>
<!-- 원 안에 아이콘들은 24픽셀 svg 하나로 수정하니 기존보가 크게 표현됨 수정필요 시 사이즈별 가이드 필요함 -->

<button type="button" class="krds-btn large icon border">
<span class="sr-only">새로고침</span>
<i class="svg-icon ico-refresh"></i>
Expand Down
17 changes: 6 additions & 11 deletions html/code/button_text.html
View file
Original file line number Diff line number Diff line change
@@ -1,15 +1,10 @@
<!-- button -->
<button type="button" class="krds-btn small text">텍스트 버튼</button>
<button type="button" class="krds-btn xsmall text">찜하기 <i class="svg-icon ico-like"></i></button>
<button type="button" class="krds-btn small text">주민등록표초본<i class="svg-icon ico-angle right"></i></button>
<button type="button" class="krds-btn medium text">검색<i class="svg-icon ico-sch"></i></button>
<button type="button" class="krds-btn large text">바로가기<i class="svg-icon ico-go"></i></button>
<button type="button" class="krds-btn text">자세히 보기<i class="svg-icon ico-more"></i></button>
<button type="button" class="krds-btn text">파일다운로드<i class="svg-icon ico-down"></i></button>
<button type="button" class="krds-btn text" disabled>필터<i class="svg-icon ico-filter"></i></button>
<button type="button" class="krds-btn text ico-filter">
<span class="span">필터</span>
<span class="num">2</span>
<i class="svg-icon ico-filter"></i>
</button>
<button type="button" class="krds-btn small text">주민등록표초본 <i class="svg-icon ico-angle right"></i></button>
<button type="button" class="krds-btn medium text">검색 <i class="svg-icon ico-sch"></i></button>
<button type="button" class="krds-btn large text">바로가기 <i class="svg-icon ico-go"></i></button>
<button type="button" class="krds-btn xlarge text">자세히 보기 <i class="svg-icon ico-more"></i></button>
<button type="button" class="krds-btn text">파일다운로드 <i class="svg-icon ico-down"></i></button>
<button type="button" class="krds-btn text" disabled>필터 <i class="svg-icon ico-filter"></i></button>
<!-- //button -->
32 changes: 16 additions & 16 deletions html/code/calendar.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,22 +3,22 @@
<div class="form-tit">
<label for="cal">기간선택</label>
</div>
<div class="form-conts datepicker-conts">
<div class="datepicker-input">
<input type="number" class="form-control datepicker cal" placeholder="YYYY.MM.DD" id="cal">
<div class="form-conts calendar-conts">
<div class="calendar-input">
<input type="number" class="krds-input datepicker cal" placeholder="YYYY.MM.DD" id="cal">
<button type="button" class="krds-btn medium icon form-btn-datepicker">
<span class="sr-only">달력 열기</span>
<i class="svg-icon ico-calendar"></i>
</button>
</div>
<div class="krds-datepicker-area">
<div class="datepicker-wrap bottom single" aria-label="달력">
<div class="datepicker-head">
<div class="krds-calendar-area">
<div class="calendar-wrap bottom single" aria-label="달력">
<div class="calendar-head">
<button type="button" class="btn-cal-move prev"><span class="sr-only">이전 달</span></button>
<div class="datepicker-switch-wrap">
<div class="datepicker-drop-down">
<div class="calendar-switch-wrap">
<div class="calendar-drop-down">
<button type="button" class="btn-cal-switch year" aria-label="연도 선택">2024년</button>
<div class="datepicker-select datepicker-year-wrap">
<div class="calendar-select calendar-year-wrap">
<ul class="sel year">
<li>
<button type="button">2001년</button>
Expand Down Expand Up @@ -95,9 +95,9 @@
</ul>
</div>
</div>
<div class="datepicker-drop-down">
<div class="calendar-drop-down">
<button type="button" class="btn-cal-switch month" aria-label="월 선택">12월</button>
<div class="datepicker-select datepicker-mon-wrap">
<div class="calendar-select calendar-mon-wrap">
<ul class="sel month">
<li>
<button type="button">01월</button>
Expand Down Expand Up @@ -141,9 +141,9 @@
</div>
<button type="button" class="btn-cal-move next"><span class="sr-only">다음 달</span></button>
</div>
<div class="datepicker-body">
<div class="datepicker-tbl-wrap">
<table class="datepicker-tbl">
<div class="calendar-body">
<div class="calendar-table-wrap">
<table class="calendar-tbl">
<caption>
2024년 12월
</caption>
Expand Down Expand Up @@ -217,8 +217,8 @@
</table>
</div>
</div>
<div class="datepicker-footer">
<div class="datepicker-btn-wrap">
<div class="calendar-footer">
<div class="calendar-btn-wrap">
<button type="button" class="krds-btn small text" id="get-today">오늘</button>
<button type="button" class="krds-btn small tertiary">취소</button>
<button type="button" class="krds-btn small primary">확인</button>
Expand Down
34 changes: 17 additions & 17 deletions html/code/calendar_range.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,30 +3,30 @@
<div class="form-tit">
날짜선택
</div>
<div class="form-conts datepicker-conts">
<div class="datepicker-input">
<div class="form-conts calendar-conts">
<div class="calendar-input">
<ul class="input-group range set">
<li>
<input type="number" class="form-control datepicker" placeholder="시작날짜" title="시작날짜 입력">
<input type="number" class="krds-input datepicker" placeholder="시작날짜" title="시작날짜 입력">
</li>
<li class="mark">-</li>
<li>
<input type="number" class="form-control datepicker" placeholder="종료날짜" title="종료날짜 입력">
<input type="number" class="krds-input datepicker" placeholder="종료날짜" title="종료날짜 입력">
</li>
</ul>
<button type="button" class="krds-btn medium icon form-btn-datepicker">
<span class="sr-only">달력 열기</span>
<i class="svg-icon ico-calendar"></i>
</button>
</div>
<div class="krds-datepicker-area">
<div class="datepicker-wrap bottom" aria-label="달력">
<div class="datepicker-head">
<div class="krds-calendar-area">
<div class="calendar-wrap bottom" aria-label="달력">
<div class="calendar-head">
<button type="button" class="btn-cal-move prev"><span class="sr-only">이전 달</span></button>
<div class="datepicker-switch-wrap">
<div class="datepicker-drop-down">
<div class="calendar-switch-wrap">
<div class="calendar-drop-down">
<button type="button" class="btn-cal-switch year" aria-label="연도 선택">2024년</button>
<div class="datepicker-select datepicker-year-wrap">
<div class="calendar-select calendar-year-wrap">
<ul class="sel year">
<li>
<button type="button">2001년</button>
Expand Down Expand Up @@ -103,9 +103,9 @@
</ul>
</div>
</div>
<div class="datepicker-drop-down">
<div class="calendar-drop-down">
<button type="button" class="btn-cal-switch month" aria-label="월 선택">12월</button>
<div class="datepicker-select datepicker-mon-wrap">
<div class="calendar-select calendar-mon-wrap">
<ul class="sel month">
<li>
<button type="button" disabled>01월</button>
Expand Down Expand Up @@ -149,9 +149,9 @@
</div>
<button type="button" class="btn-cal-move next"><span class="sr-only">다음 달</span></button>
</div>
<div class="datepicker-body">
<div class="datepicker-tbl-wrap">
<table class="datepicker-tbl">
<div class="calendar-body">
<div class="calendar-table-wrap">
<table class="calendar-tbl">
<caption>
2024년 12월
</caption>
Expand Down Expand Up @@ -225,8 +225,8 @@
</table>
</div>
</div>
<div class="datepicker-footer">
<div class="datepicker-btn-wrap">
<div class="calendar-footer">
<div class="calendar-btn-wrap">
<button type="button" class="krds-btn small text" id="get-today">오늘</button>
<button type="button" class="krds-btn small tertiary">취소</button>
<button type="button" class="krds-btn small primary">확인</button>
Expand Down
24 changes: 20 additions & 4 deletions html/code/carousel.html
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,10 @@
<!-- carousel -->
<!--
해당 컴포넌트 사용 시 페이지에
/resources/css/plugin/swiper-bundle.min.css
/resources/js/plugin/swiper-bundle.min.js
를 추가 필요
-->
<!-- visual banner -->
<div class="main-vban-wrap bg">
<div class="inner">
Expand All @@ -13,7 +19,9 @@
<a href="#" class="krds-btn primary">버튼 영역</a>
</div>
<div class="im">
<img src="../../../resources/img/pattern/content/@temp.svg" alt="">
<svg width="243" height="178" viewBox="0 0 243 178" fill="none" xmlns="http://www.w3.org/2000/svg" aria-label="예시">
<rect width="243" height="178" fill="#E6E8EA"/>
</svg>
</div>
</div>
</li>
Expand All @@ -25,7 +33,9 @@
<a href="#" class="krds-btn primary">버튼 영역</a>
</div>
<div class="im">
<img src="../../../resources/img/pattern/content/@temp.svg" alt="">
<svg width="243" height="178" viewBox="0 0 243 178" fill="none" xmlns="http://www.w3.org/2000/svg" aria-label="예시">
<rect width="243" height="178" fill="#E6E8EA"/>
</svg>
</div>
</div>
</li>
Expand All @@ -37,7 +47,9 @@
<a href="#" class="krds-btn primary">버튼 영역</a>
</div>
<div class="im">
<img src="../../../resources/img/pattern/content/@temp.svg" alt="">
<svg width="243" height="178" viewBox="0 0 243 178" fill="none" xmlns="http://www.w3.org/2000/svg" aria-label="예시">
<rect width="243" height="178" fill="#E6E8EA"/>
</svg>
</div>
</div>
</li>
Expand All @@ -49,7 +61,9 @@
<a href="#" class="krds-btn primary">버튼 영역</a>
</div>
<div class="im">
<img src="../../../resources/img/pattern/content/@temp.svg" alt="">
<svg width="243" height="178" viewBox="0 0 243 178" fill="none" xmlns="http://www.w3.org/2000/svg" aria-label="예시">
<rect width="243" height="178" fill="#E6E8EA"/>
</svg>
</div>
</div>
</li>
Expand All @@ -73,6 +87,7 @@
<!-- //visual banner -->

<script>
//비주얼 배너
const vbSwiper = new Swiper('.vb-swiper .swiper', {
slidesPerView: 1,
spaceBetween: 0,
Expand All @@ -84,6 +99,7 @@
},
pagination: {
el: ".vb-swiper .swiper-pagination",
clickable: true,
},
});
</script>
Expand Down
Loading

0 comments on commit d8e1640

Please # to comment.