質問編集履歴

関係のない写真の削除

2021/03/12 08:01

投稿

TTTTaison

スコア6

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -442,10 +442,6 @@
-本番環境のログ
-![イメージ説明](d736fbb699ca8643a8521beb11ebaf54.jpeg)
 コンソールのエラー一覧

エラー発見

2021/03/12 08:01

投稿

TTTTaison

スコア6

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -445,3 +445,13 @@
 本番環境のログ
 ![イメージ説明](d736fbb699ca8643a8521beb11ebaf54.jpeg)
+コンソールのエラー一覧
+![イメージ説明](d5372af0dd05a9493771dab666e75b41.png)
+コンソールでみたところおそらくリセットCSSが読み込まれていないのと、リスト表示する際に出てくる黒丸が出てきているのだとわかりました。

本番環境のログの追記

2021/03/12 07:52

投稿

TTTTaison

スコア6

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -439,3 +439,9 @@
 Font Awesome
 を導入しています。
+本番環境のログ
+![イメージ説明](d736fbb699ca8643a8521beb11ebaf54.jpeg)

情報の訂正です

2021/03/12 07:37

投稿

TTTTaison

スコア6

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -190,215 +190,223 @@
 ```css
-body {
+.header{
+  width: 100vw;
+  background-color: #006669;
+  height: 100px;
-  font-size: .875rem;
+  position: absolute;
+  display: flex;
+  justify-content: space-between;
+  margin-bottom: 5px;
-}
+}
-.feather {
+.logo-block {
-  width: 16px;
-  height: 16px;
+  height: 60px;
-  vertical-align: text-bottom;
-}
-/*
- * Sidebar
- */
-.sidebar {
-  position: fixed;
-  top: 0;
-  /* rtl:raw:
-  right: 0;
+  width: 200px;
-  */
-  bottom: 0;
-  /* rtl:remove */
+  margin: 20px 0px 20px 20px;
-  left: 0;
-  z-index: 100; /* Behind the navbar */
-  padding: 48px 0 0; /* Height of navbar */
-  box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);
-}
-@media (max-width: 767.98px) {
-  .sidebar {
-    top: 5rem;
+  padding: 15px;
-  }
-}
-.sidebar-sticky {
   position: relative;
-  top: 0;
-  height: calc(100vh - 48px);
-  padding-top: .5rem;
-  overflow-x: hidden;
-  overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
-}
+}
+.logo {
-.sidebar .nav-link {
+  margin-left: 20px;
-  font-weight: 500;
+  font-size: 20px;
-  color: #333;
-}
+}
-.sidebar .nav-link .feather {
-  margin-right: 4px;
-  color: #727272;
-}
-.sidebar .nav-link.active {
-  color: #007bff;
-}
-.sidebar .nav-link:hover .feather,
-.sidebar .nav-link.active .feather {
-  color: inherit;
-}
-.sidebar-heading {
-  font-size: .75rem;
-  text-transform: uppercase;
-}
-/*
+h2 {
- * Navbar
- */
-.navbar-brand {
-  padding-top: .75rem;
-  padding-bottom: .75rem;
-  font-size: 1rem;
-  background-color: rgba(0, 0, 0, .25);
-  box-shadow: inset -1px 0 0 rgba(0, 0, 0, .25);
-}
-.navbar .navbar-toggler {
-  top: .25rem;
-  right: 1rem;
-}
-.navbar .form-control {
-  padding: .75rem 1rem;
-  border-width: 0;
-  border-radius: 0;
-}
-.form-control-dark {
   color: #fff;
-  background-color: rgba(255, 255, 255, .1);
-  border-color: rgba(255, 255, 255, .1);
-}
-.form-control-dark:focus {
-  border-color: transparent;
-  box-shadow: 0 0 0 3px rgba(255, 255, 255, .25);
-}
-.pagination{
-  margin-left: 27em;
-}
+}
+.mypage-block {
+  height: 60px;
+  width: 500px;
+  margin: 20px 20px 20px 20px;
+  display: flex;
+  justify-content: flex-end;
+  padding-top: 15px;
+}
+.header-list{
+  margin-left: 0.5em;
+}
+.search{
+  margin-right: 0.5em;
+}
+.img-circle {
+  border-radius: 50%;
+  background-position: left top;
+  border: 3px solid #00cc00;
+}
+dl.searchbox{
+  width: 250px;
+  position:relative;
+  background-color:#fff;
+  border:1px solid #aaa;
+  border-radius:6px;
+}
+dl.searchbox dt{
+  padding:3px;
+}
+dl.searchbox dt input{
+  width:70%;
+  height:30px;
+  line-height:30px;
+  background:none;
+  border:none;
+}
+dl.searchbox dd{
+  position:absolute;
+  top:1px;
+  right:1px;
+  width:30%;
+}
+.search-btn{
+  display:block;
+  background:#5fad35;
+  width:100%;
+  height:36px;
+  line-height:36px;
+  border:none;
+  border-radius: 0 6px 6px 0;
+  color:#FFF;
+}
+.search-btn:hover {
+  background:#228B22;
+}
+.create-btn{
+  margin-top: 2px;
+  background-color: #5fad35;
+  height: 36px;
+  border: none;
+  border-radius: 6px;
+  color: #FFF;
+}
+.create-btn:hover {
+  background: #228b22;
+}
+.n-circle {
+  position: absolute;
+  padding-left: 1rem;
+  padding-top: 0rem;
+  color: #efa04c;
+}
+.fa-bell{
+  color: #FFF;
+  margin-top: 5px;
+}

情報の追記

2021/03/12 07:13

投稿

TTTTaison

スコア6

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -412,7 +412,11 @@
-webpackerとcssがごっちゃのディレクトリ構造になっているからエラーが出ているのかと思い、Webpackerへの移行を試みましたが、難しくてできませんでした。
+webpackerとcssがごっちゃのディレクトリ構造になっているからエラーが出ているのかと思い、Webpackerへの移行を試みましたが、難しくてできませんでした。ファイルはこのような構造になっています。
+![ディレクトリ構造](8bc929fc071c8a62beff45e881fe7af1.png)