feat: 메인 페이지를 반응형 페이지로 변경 #197

2021-12-03T23:06:39+09:00

Hide_D commented

2021-12-03 23:06:39 +09:00

500px 모드(스마트폰), 1000px 모드(데스크탑, 태블릿) 구분
- device width에 따라 두 모드 동적 조절
메인 레이아웃 요소를 flex, grid로 재구성
- 지도는 500px/700px
- 도시 정보를 grid 재조절로 500px/700px
- 상단 메뉴 변경
버튼 UI 변경
- Lumen + Darkly
- 삼모전 버튼색 추가 작성
500px 모드용 빠른 메뉴 추가
턴 선택기를 vue3로 재작성
- 턴 선택, 명령 선택을 비교적 가까운 위치에 재배치
- 당기기, 미루기, 반복, 전체선택 등을 UX를 고려하여 재구성

- 500px 모드(스마트폰), 1000px 모드(데스크탑, 태블릿) 구분 - device width에 따라 두 모드 동적 조절 - 메인 레이아웃 요소를 flex, grid로 재구성 - 지도는 500px/700px - 도시 정보를 grid 재조절로 500px/700px - 상단 메뉴 변경 - 버튼 UI 변경 - Lumen + Darkly - 삼모전 버튼색 추가 작성 - 500px 모드용 빠른 메뉴 추가 - 턴 선택기를 vue3로 재작성 - 턴 선택, 명령 선택을 비교적 가까운 위치에 재배치 - 당기기, 미루기, 반복, 전체선택 등을 UX를 고려하여 재구성

Hide_D added 31 commits 2021-12-03 23:06:39 +09:00

feat(in-progress): 메인 페이지에서 table 제거 0fec301f61

feat(in-progress): 메인페이지 기본 반응형 전환. b34e17d69a

- full, half 모드

fix(in-progress): viewport width를 360px 폰에서 맞게 수정 b7328a56ae

fix(in-progress): viewport width를 500으로 진행하기로 0e7edad020

dep: bootstrap c493640dae

feat(in-progress): 턴 조작기를 vue로 분리 c7219eeb33

feat: 턴 선택기를 vue 기반으로 변경 2538dc5071

dep: bootstrap5 custom 조합 darkly + lumen aeabb05a9d

feat(in-progress): 메인메뉴 지도를 500px 모드에 맞게 수정 6da30c5723

fix: 500px 지도모드에서 tooltip 위치 조정 da71280a8d

feat: 메인화면의 도시정보를 500px, 700px 가변 4c41486e1c

misc: common.css를 bootstrap5를 포함한 css로 변경 16b1bece2b

feat(in-progress): 커맨드 목록 UI/UX 정리 02b3fe2f25

feat(in-progress): 턴 선택기에서 select와 toggle 분리 e2cc446c71

feat(in-progress): 턴선택기 연월에 select, 강조 표기 eaeb97baf0

feat: 국가별 색 버튼을 lumen button profile에 맞춰 작성 1d821480fc

feat: commandButton을 lumen 버튼으로 a5f8aa6d17

feat: 나머지 메인 버튼도 lumen 버튼으로 통일 8e0b908b5e

fix: 메인 페이지 시나리오 표기, 줄 바꿈 46f3709f09

fix: 메인페이지 '이전 메시지 불러오기'를 전체 너비로 c90820e6e2

misc: ReservedCommand 색을 약간 수정 a64431add8

- 딱히 어룰린다는 느낌은 여전히 없다.

fix: .toolbarButton2 3b29e17696

misc: 메시지 받아오는 갯수 감소 fc94177340

fix: 500px 모드를 확실하게 명시 f0a8efb5ad

feat: 500xp 모드에서 오른쪽 고속 이동 툴바 4d136a022c

fix: 메인 페이지, 장수 동향, 개인 기록, 중원 정세 띠 5b026e3c5c

feat: 500px 모드 나머지 최적화 cf631491e8

fix: nation color-code #330000 4c2dabe4cc

fix: 메인 화면 오동작 요소 수정 83c71bec25

- 설문조사 항목 표기
- 설문조사 항목 marquee로 틀어짐(제거)
- 1000xp 모드에서 도시 툴팁 가려지는 문제 수정정

feat: 메인페이지 화면비 자동 조정 c50ee44433

fix: 사령부 ajax 모드 4d3fe5aafa

Hide_D merged commit 4d3fe5aafa into devel

2021-12-03 23:06:53 +09:00

Hide_D deleted branch reactive_main

2021-12-03 23:07:09 +09:00

Sign in to join this conversation.

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: devsam/core#197