Skip to content

modify:ボタン #5

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
kazama0812 wants to merge 9 commits into
base: main
Choose a base branch
from
Open

modify:ボタン #5

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
9 commits
Select commit Hold shift + click to select a range
c07b599
modify:ボタン
kazama0812 Sep 13, 2023
40abc5a
フォームのヘッダー
kazama0812 Sep 13, 2023
7421126
一覧の体裁を整えた
kazama0812 Sep 13, 2023
975e37b
ヘッダー
kazama0812 Sep 13, 2023
c26f2fc
レイアウト
kazama0812 Sep 13, 2023
7c33163
a
kazama0812 Sep 13, 2023
0b2276d
フォームの見た目
kazama0812 Sep 13, 2023
c38f67b
?
kazama0812 Sep 15, 2023
9a67016
詳細ボタン追加
kazama0812 Sep 19, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
187 changes: 144 additions & 43 deletions public/main.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,11 +8,20 @@ input[type="email"],
input[type="password"],
select,
textarea {
width: 100%;
width: 70%;
padding: 8px;
border: 1px solid #bbb;
border-radius: 4px;
}

a {
text-decoration: none;
}

a {
color: black;
}

header { /*Intern Manager*/
display: flex;
justify-content: space-between;
Expand Down Expand Up @@ -46,13 +55,17 @@ footer {
.aside {
flex: 1; /* 横幅を均等に分配 */
padding: 30px; /* 余白を追加（調整可能） */
margin: 2rem;
margin-top: 2rem;
background: #fff;
}

/* メインコンテンツ（content）のスタイル */
.content {
flex: 4; /* 横幅を均等に分配 */
flex: 3; /* 横幅を均等に分配 */
padding: 30px; /* 余白を追加（調整可能） */
margin-top:1rem;
margin-right: 3rem;
background: #fff;
}

Expand All @@ -73,20 +86,19 @@ button, .btn {/*ボタン*/
padding: 2px 8px;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 4px;
background: #eee;
color: #333;
background: #605f5f;
color: #ddd;
font-size: .9rem;
cursor: pointer;

}
button:hover, .btn:hover {
background: #ddd;
background: #080808;
}

a.intern-index {
color: #000;
margin-bottom: 100px;
border-bottom: none;
}




.create-button {/*新規作成ボタン*/
border: 2px solid #24b4fb;
Expand All @@ -95,41 +107,57 @@ a.intern-index {
padding: 0.8em 1.2em 0.8em 1em;
transition: all ease-in-out 0.2s;
font-size: 16px;
margin-bottom: 40px;
margin-bottom: 20px;
margin-left:20px;
}

button span {
.create-button span {
display: flex;
justify-content: center;
align-items: center;
color: #fff;
font-weight: 600;
}

button:hover {
.create-button:hover {
background-color: #0071e2;
}

/*インターン一覧ボタン*/
a.intern-index {
font-family: monospace;
background-color: #f3f7fe;
color: #3b82f6;
border: none;
border-radius: 8px;
width: 200px;
height: 50px;
font-size:120%;
transition: .3s;
margin-bottom: 500px;

ul {
list-style-type: none; /* ブリットを非表示にする */
padding: 0; /* リストの内側の余白をゼロにする */
}
.intern-index{
padding: 12.5px 30px;
border: 0;
border-radius: 100px;
background-color: #ffffff;
color: #333;
font-weight: Bold;
font-size:16x;
transition: all 0.5s;
-webkit-transition: all 0.5s;
list-style-type: none;
margin-bottom: 20px;
margin-left: 5px;
width: 150px;
}

a.intern-index:hover {
background-color: #3b82f6;
box-shadow: 0 0 0 5px #3b83f65f;
color: #fff;
.intern-index:hover {
background-color: #6fc5ff;
box-shadow: 0 0 20px #6fc5ff50;
transform: scale(1.1);
}

.intern-index:active {
background-color: #3d94cf;
transition: all 0.25s;
-webkit-transition: all 0.25s;
box-shadow: none;
transform: scale(0.98);
}

/*検索*/
.group {
Expand All @@ -139,6 +167,8 @@ a.intern-index {
position: relative;
max-width: 190px;
margin-bottom: 20px;
float: left;/*改行しない*/
margin-top: 30px;
}

.serch-input {
Expand Down Expand Up @@ -174,12 +204,38 @@ a.intern-index {
height: 1rem;
}

/*検索ここまで*/
/*検索ボタン*/
.search-button{
display: inline-block;
padding: 2px 8px;
border-radius: 4px;
background: #24b4fb;
color: #FFF;
font-size: .9rem;
cursor: pointer;
height: 40px;
margin-top: 30px;
}

.search-button:hover{
background-color: #0071e2;
}

/*検索ここまで*/

/*絞り込み*/
.dropdown-button-container {
display: flex; /* フレックスボックスを使用して横並びに配置 */
align-items: center; /* 垂直方向の中央揃え */
}

.filter-button{
margin-bottom: 30px;
font-size: small;
height: 35px;
}



header nav ul {
display: flex;
margin: 0;
Expand All @@ -194,9 +250,37 @@ header nav ul li a.active {
}


/*詳細ボタン*/
.detail-button {
background-color: #eee;
border: none;
padding: 0.5rem;
font-size: 1rem;
width: 7em;
border-radius: 1rem;
color: rgb(179, 179, 179);
cursor: pointer;
margin-left: 50rem;
}

.detail-button:active {
color: white;
transform: translateY(0.2rem);
}

.detail-button:hover:not(:disabled) {
background: rgb(90, 90, 90);
color: white;
}

.detail-button:disabled {
cursor: auto;
color: grey;
}


/*共通↓*/
.program-item {
.contents-body{
margin-bottom: 20px;
padding: 20px;
border-bottom: 1px solid #ddd;
Expand All @@ -205,7 +289,11 @@ header nav ul li a.active {
.program-title a {
font-weight: bold; /* リンク内のテキストを太字に */
text-decoration: none; /* リンクの下線を非表示に */
color: #333; /* リンクのテキストカラー */
color: #333; /* リ
ンクのテキストカラー */
}
dl.form-list {
max-width: 600px;
}


Expand All @@ -221,15 +309,7 @@ header nav ul li a.active {
font-size: .8rem;
color: #777;
}
.article-body {
margin: 1rem 0;
padding: 1rem 0;
border-top: 1px dotted #ddd;
border-bottom: 1px dotted #ddd;
}
dl.form-list {
max-width: 600px;
}


.article-control {
display: flex;
Expand All @@ -247,14 +327,35 @@ dl.form-list {
font-size: .8rem;
color: #777;
}
.program-body ,.article-body{
margin: 5rem 0;
/*.contents-body {
padding: 1rem 0;
border-top: 1px dotted #ddd;
border-bottom: 1px dotted #ddd;
}
*/

.program-control {
display: flex;
justify-content: space-between;
}



/*新規作成フォーム*/
/*行間
.form-list{
line-height: 2;
}
*/
.form-title{
margin-bottom: 30px;
}

dt{
margin-top:20px
}

.form-group{
padding: 20px;
border-bottom: 1px solid #ddd;
}
3 changes: 2 additions & 1 deletion resources/views/articles/create.blade.php
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,8 @@
@extends('layouts.app')
@include('commons.errors')
@section('head')
<a href="/articles" class="site-title">記録入力</a>
<h1 class='app-title'>Intern Manager</h1>
<a href="/articles" class="site-title">トップへ戻る</a>
@endsection()
@section('content')
<form action="{{ route('articles.store') }}" method="post">
Expand Down
4 changes: 4 additions & 0 deletions resources/views/articles/edit.blade.php
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,4 +1,8 @@
@extends('layouts.app')
@section('head')
<h1 class='app-title'>Intern Manager</h1>
<a href="/articles" class="site-title">トップへ戻る</a>
@endsection()
@section('content')
@include('commons.errors')
<form action="{{ route('articles.update', $article) }}" method="post">
Expand Down
Loading